English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

CSS @regras (RULES)

大全 de Atributos CSS

Métodos de uso e exemplos da propriedade margin CSS

A propriedade de margem CSS define a margem em todos os quatro lados do elemento. Émargin-topmargin-rightmargin-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"

Sintaxe

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.

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
margin-topDefina a margem superior do elemento.
margin-rightDefina a margem direita do elemento.
margin-bottomDefina a margem inferior do elemento.
margin-leftDefina a margem esquerda do elemento.
initialDefina este atributo como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor do atributo margin do elemento pai.

Compatibilidade do navegador

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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Por favor, consulte as seguintes instruções:Margem CSSModelo de Caixa CSS

Atributos relacionados:margin-topmargin-rightmargin-bottommargin-left