Atributo CSS margin

Definição e uso

A propriedade abreviada de margem define todas as propriedades de margem em uma declaração. Esta propriedade pode ter de 1 a 4 valores.

Explicação

Esta propriedade abreviada define a largura de todas as margens de um elemento ou define a largura das margens de cada lado.

As margens verticais adjacentes dos elementos de bloco se fundem, enquanto os elementos inline não ocupam margens superior e inferior. As margens laterais dos elementos inline não se fundem. Da mesma forma, as margens dos elementos flutuantes também não se fundem. É permitido especificar valores negativos de margem, mas devem ser usados com cautela.

Notas:Permite valores negativos.

Exemplo 1

margem:10px 5px 15px 20px;
  • A margem superior é de 10px
  • A margem direita é de 5px
  • A margem inferior é de 15px
  • A margem esquerda é de 20px

Exemplo 2

margem:10px 5px 15px;
  • A margem superior é de 10px
  • A margem direita e esquerda são de 5px
  • A margem inferior é de 15px

Exemplo 3

margem:10px 5px;
  • A margem superior e inferior são de 10px
  • A margem direita e esquerda são de 5px

Exemplo 4

margem:10px;
  • Todas as 4 margens são de 10px

Veja também:

Tutorial CSS:Margem externa do CSS

Manual de referência do DOM HTML:Propriedade de margem

Exemplo

Definir 4 margens do elemento p:

p
  {
  margem:2cm 4cm 3cm 4cm;
  }

Experimente você mesmo

Sintaxe CSS

margem: length|auto|initial|inherit;

Valor da propriedade

Valor Descrição
auto O navegador calcula a margem.
length Define o valor da margem em unidades específicas, como pixels, centímetros, etc. O valor padrão é 0px.
% Especifica a margem em porcentagem da largura do elemento contido.
inherit Define que a margem deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.margin="10px 5px"

Mais exemplos

Todas as propriedades de margem em uma declaração
Este exemplo demonstra como definir todas as propriedades de margem em uma declaração.

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