Índice

Los márgenes HTML:Márgenes PROPIEDADES CSS:margin

La propiedad Margin permite establecer los márgenes con respecto a los bordes de un elemento: página, bloque, etc. Los valores posibles son: margin-top, margin-bottom, margin-right y margin-left.

No es necesario especificar todos los valores:

  • Un valor único definido: todos los lados a la vez {margin: 4px;}.

  • Dos valores definidos: bordes superior e inferior - bordes de la izquierda y la derecha {margin: 4px 10px;}.

  • Tres valores definidos: borde superior - bordes de la izquierda y la derecha - borde inferior {margin: 4px 10px 4px;}.

  • Cuatro valores definidos: borde superior - borde de la derecha - borde inferior - borde de la izquierda {margin: 4px 10px 4px 2px;}.

Es posible especificar un valor numérico o en porcentaje.

Este es un ejemplo de declaración:

BODY { 
  margin-top: 4em ; 
  margin-right: 6em ; 
  margin-bottom: 8em ; 
  margin-left: 6em ; 
 }

También se puede escribir de la siguiente manera: { margin: 4em 6em 8em 6em ; }