Margin

Palabra traducida como Margen al español, es simplemente esó el margen que hay de un elemento hacia otro elemento de su exterior, es algo asi como el inverso de padding, ya que este último era el espacio del borde del elemento hacia su contenido, mientras que el margin es el espacio que hay de el borde de el elemento hacia cualquier otro contenido fuera de el. Veamoslo con el ejemplo.

Como ven el espacio azul entre los rectángulos verdes es el margen o margin de ellos. Al igual que los anteriores se los define dentro de la hoja de estilos así:

.nombredeldiv {
            margin-top: 5px;
            margin-bottom: 6px;
            margin-left: 7px;
            margin-right: 8px;
}

Y la forma simplificada:

nombredeldiv {

margin: 5px 8px 6px 7px;

}

Esto fue solamente para que vayamos entendiendo lo que son estos conceptos que seguramente lo verán siempre en cualquiera de sus webs, si hay alguna duda o si no entendieron la explicación les agradecería que me lo hagan saber en nuestro FORO.

<<<<< Anterior Siguiente >>>>>