English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A propriedade de margem CSS define a margem em todos os quatro lados do elemento. Émargin-top,margin-right,margin-bottomEmargin-leftA abreviação do atributo.
A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.
Valor padrão: | 0 |
---|---|
Aplicável para: | Todos os elementos, mas table displayElementos de tipos além de. table- caption table inline-table. Ele também se aplica a ::first-letter。 |
Herança: | Não |
Animável: | Sim.Por favor, consulte Atributos de animação。 |
Versão: | CSS 1,2,3 |
Sintaxe JavaScript: | object.style.margin="20px 15px" |
A sintaxe deste atributo é a seguinte:
margin: [ length | percentage | auto ] 1 to 4 values | initial | inherit
O exemplo a seguir demonstra como usar o atributo margin.
h1 { margin: 25px; } p { margin: 50px 100px; }Teste para ver‹/›
Este atalho pode usar um, dois, três ou quatro espaços separados por valores.
Se configuradoUm valorEsta margem se aplica a todas as quatro faces.
Se configuradoDois valoresSe especificado, o primeiro valor será aplicado para o topo e o fundo, e o segundo valor será aplicado para a direita e a esquerda.
Três valores respectivamenteAplicado para o topo, horizontal (isto é, esquerda e direita) e o fundo.
Quatro valoresAplicado em sequência para o topo, a direita, o fundo e a esquerda.
A tabela a seguir descreve os valores deste atributo.
Valor | Descrição |
---|---|
margin-top | Defina a margem superior do elemento. |
margin-right | Defina a margem direita do elemento. |
margin-bottom | Defina a margem inferior do elemento. |
margin-left | Defina a margem esquerda do elemento. |
initial | Defina este atributo como seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o valor do atributo margin do elemento pai. |
Compatibilidade do navegador do atributo margin, os números na tabela a seguir representam a versão mínima do navegador que suporta este atributo; todos os navegadores populares suportam este atributo.
|
Por favor, consulte as seguintes instruções:Margem CSS,Modelo de Caixa CSS。
Atributos relacionados:margin-top,margin-right,margin-bottom,margin-left。