Propriedade margin-bottom
A propriedade margin-bottom define
a margem inferior externa de um elemento. Os valores
da propriedade podem ser quaisquer unidades
de tamanho ou a propriedade-chave auto,
que permite ao navegador calcular
a margem do elemento automaticamente.
Sintaxe
seletor {
margin-bottom: valor;
}
Exemplo
Vamos definir uma margem inferior externa de 50px para um bloco:
<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;
}
:
Veja também
-
a propriedade
margin-top,
que define a margem superior externa -
a propriedade
margin-left,
que define a margem esquerda externa -
a propriedade
margin-right,
que define a margem direita externa -
a propriedade
margin,
que é uma abreviação para as margens externas -
a propriedade
padding,
que define o preenchimento interno
