Propiedad margin-bottom
La propiedad margin-bottom establece
el margen exterior inferior de un elemento. Los valores
de la propiedad pueden ser cualquier unidad
de tamaño o la propiedad clave auto,
que permite al navegador calcular
automáticamente el margen del elemento.
Sintaxis
selector {
margin-bottom: valor;
}
Ejemplo
Establezcamos un margen exterior inferior de 50px para un bloque:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Véase también
-
la propiedad
margin-top,
que establece el margen exterior superior -
la propiedad
margin-left,
que establece el margen exterior izquierdo -
la propiedad
margin-right,
que establece el margen exterior derecho -
la propiedad
margin,
que es una abreviatura para los márgenes exteriores -
la propiedad
padding,
que establece el relleno interior
