Margen de CSS (Margen)

El margen elimina el área alrededor del borde, separándolo de otros cuadros.

Atributo de margen de CSS

El atributo de margen de CSS le permite establecer el margen a ambos lados del cuadro del elemento. El margen nofondo-colorEs completamente transparente.

Establecer márgenes individuales de los lados

Puedes usar las propiedades de margen de CSS individuales para especificar diferentes márgenes para diferentes lados del elemento (por ejemplo, superior, derecha, inferior o izquierda).

h1　{margen-inferior:　20px;}
p {margen-izquierda:　10px;margen-derecha:　30px;}

Atributo de margen de escritura rápida

El atributo margen es un atajo de escritura rápida para evitar establecer margen individualmente: margen-superior, margen-derecha, margen-inferior y margen-izquierda.

h1　{ margen: 0　10px;}
p {margen:　25px　50px　75px　100px;}

Este atajo puede tener un, dos, tres o cuatro valores separados por espacios en blanco.

• Si se configuraUn valorEntonces, se aplica a todos los cuatro lados.

• Si se especificóDos valoresEntonces, el primer valor se aplica en la parte superior e inferior, y el segundo valor se aplica en la derecha e izquierda.

• Si se especificóTres valoresEntonces, el primer valor se aplica en la parte superior, el segundo valor se aplica en la izquierda y derecha, y el último valor se aplica en la parte inferior.

• Si se especificóCuatro valoresEntonces, aplícalos en el orden especificado en la parte superior, derecha, inferior y izquierda.