Descripción
La propiedad margin en CSS se utiliza para crear espacio alrededor de los elementos, fuera de cualquier borde definido. Con CSS, tiene la opción de establecer el margen para los cuatro lados de un elemento (arriba, abajo, izquierda y derecha) con una sola propiedad.
Sintaxis
margin : <margin-width>{1,4} | inherit
Posibles Valores
- magin-width: Este valor representa el ancho del margen. Se puede especificar en varias unidades como píxeles (px), em, rem, porcentajes (%), etc. Puedes especificar hasta cuatro valores, cada uno correspondiente a los márgenes superior, derecho, inferior e izquierdo respectivamente.
- inherit: Este valor permite que el elemento herede la propiedad de margen de su elemento padre.
Ejemplo
div {
margin: 10px 15px 20px 25px;
}
En este ejemplo, se ha establecido un margen de 10px en la parte superior, 15px en la derecha, 20px en la parte inferior y 25px en la izquierda del elemento div.
