Atributo CSS margin-bottom
- página anterior margin-block-start
- Próxima página margin-inline
Definição e uso
A propriedade margin-bottom define a margem inferior do elemento.
Comentário:Permite valores negativos.
Veja também:
Tutorial de CSS:Margem externa do CSS
Manual de referência do HTML DOM:Propriedade marginBottom
Exemplo
Definir a margem inferior externa do elemento p:
p { margin-bottom:2cm; }
Mais exemplos podem ser encontrados na parte inferior da página.
Sintaxe do CSS
margin-bottom: length|auto|initial|inherit;
Valor do atributo
Valor | Descrição |
---|---|
auto | O navegador calcula a margem inferior externa. |
length | Define o valor da margem inferior externa com uma unidade específica, como pixels, centímetros, etc. O valor padrão é 0px. |
% | Especificar a margem inferior externa como um percentual da largura do elemento contendo. |
inherit | Define que a margem inferior externa deve ser herdada do elemento pai. |
Detalhes técnicos
Valor padrão: | 0 |
---|---|
Herança: | não |
Versão: | CSS1 |
Sintaxe do JavaScript: | object.style.marginBottom="10px" |
Mais exemplos
- Definir a margem inferior externa do texto 1
- Este exemplo demonstra como usar valores em centímetros para definir a margem inferior externa do texto.
- Definir a margem inferior externa do texto 2
- Este exemplo demonstra como usar porcentagens para definir a margem inferior externa do texto.
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- página anterior margin-block-start
- Próxima página margin-inline