Índice

Márgenes externos

Esta propiedad permite definir el margen exterior del elemento caja.

margin:

margin-top:

margin-right:

margin-bottom:

margin-left:

auto

o bien valor de longitud

o bien porcentaje

Comentarios

  • El valor auto deja al navegador la gestión de los márgenes exteriores.

  • Un valor de longitud define con precisión los márgenes exteriores.

  • Un porcentaje define la longitud respecto a un elemento padre.

  • El margen exterior de cada lado del elemento caja puede definirse, igualmente, con ayuda de las propiedades margin-top, margin-right, margin-bottom y margin-left. Las direcciones top, right, bottom, left diseñan, respectivamente, los bordes superior, derecho, inferior e izquierdo. Estas propiedades son especificaciones CSS2.

  • Es posible abreviar la escritura de las propiedades del margen externo margin-top, margin-right, margin-bottom y margin-left, informado uno, dos, tres o cuatro valores mediante la propiedad margin.

    Si se informa un único margen, se aplica a los cuatro lados.

    Con dos márgenes, el primero se aplica a los lados superior e inferior. El segundo se aplica a los laterales (márgenes derecho e izquierdo).

    Con tres valores, el primero se aplica al lado superior, el segundo a los márgenes laterales y el tercero al lado inferior.

    Con cuatro márgenes, éstos se aplican en el sentido de las agujas del reloj partiendo del lado superior, es decir superior, derecho, inferior e izquierdo.

  • Los márgenes pueden definirse con valores negativos, lo que puede generar efectos visuales ...