English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad de margen CSS establece el margen exterior en todos los cuatro lados del elemento. Esmargen-top,margen-right,margen-bottomYmargen-leftAcrónimo de la propiedad.
La tabla a continuación proporciona la explicación de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso de esta propiedad en el script JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | Todos los elementos, excepto table displayLos elementos de tipo diferente excepto. table- caption table inline-table. También se aplica a ::first-letra. |
| Herencia: | No |
| Animable: | Sí.Consulte Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | objeto.style.margen="20px 15px" |
La sintaxis de este atributo es la siguiente:
margen: [ longitud | porcentaje | auto ] 1 to 4 values | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo margen.
h1 {
margen: 25px;
}
p {
margen: 50px 100px;
}Prueba aquí‹/›Este atajo puede tomar un, dos, tres o cuatro valores separados por espacios en blanco.
Si se estableceUn valoraplicará a todas las cuatro caras.
Si se estableceDos valoresSi se especifican, el primer valor se aplicará al superior e inferior, y el segundo valor se aplicará al derecho e izquierdo.
Tres valores respectivamenteAplicado en el superior, horizontal (es decir, derecho e izquierdo) e inferior.
Cuatro valoresAplicado en el orden superior, derecho, inferior, izquierdo.
La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| margen-top | Establecer el margen superior del elemento. |
| margen-right | Establecer el margen derecho del elemento. |
| margen-bottom | Establecer el margen inferior del elemento. |
| margen-left | Establecer el margen izquierdo del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el valor del atributo margen del elemento padre. |
La compatibilidad del navegador del atributo margen; los números en la tabla siguiente representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:Margen de CSS,Modelo de cuadro de CSS.
Atributos relacionados:margen-top,margen-right,margen-bottom,margen-left.