Definición de .margin en CSS
La propiedad .margin define la parte más externa del modelo de caja, creando espacio alrededor de un elemento, fuera de cualquier bordes definidos.
Ejemplo de uso : propiedad CSS margin
Si te gustaría emplear esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:
.box {
margin: 0 3em 0 3em;
}Otro ejemplo más avanzado de .margin es el siguiente de CODEPEN:
Sintaxis de .margin en CSS
margin: length|auto|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| longitud | Especifica un margen en px, pt, cm, etc. El valor predeterminado es 0. Se permiten valores negativos. | |
| % | Especifica un margen en porcentaje del ancho del elemento contenedor | |
| auto | El navegador calcula un margen | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .margin
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| mask-image | 4.0 -webkit- | 79.0 -webkit- | 53.0 | 4.0 -webkit- | 15.0 -webkit- |
