Exemplo
Definir todas as quatro margens de um <p> elemento:
p
{
margin: 2cm 4cm 3cm 4cm;
}
Tente você mesmo " Definição e Uso
A margem de propriedade estenográfica define todas as propriedades de margem em uma declaração. Esta propriedade pode ter de um a quatro valores.
Exemplos:
- margin:10px 5px 15px 20px;
- margem superior é 10px
- margem direita é 5px
- margem inferior é de 15px
- margem esquerda é 20px
- margin:10px 5px 15px;
- margem superior é 10px
- margens direita e esquerda são 5px
- margem inferior é de 15px
- margin:10px 5px;
- margens superior e inferior são 10px
- margens direita e esquerda são 5px
- margin:10px;
- todas as quatro margens são 10px
Note: Os valores negativos são permitidos.
| Valor padrão: | 0 |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.margin="100px 50px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6 | 1.0 | 1.0 | 3,5 |
CSS Syntax
margin:length|auto|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| length | Especifica uma margem em px, pt, cm, etc. O valor padrão é 0 | Jogue " |
| % | Especifica uma margem em por cento da largura do elemento contendo | Jogue " |
| auto | O navegador calcula uma margem | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Margem CSS
Tutorial CSS: CSS Box Model
Referência HTML DOM: margin property