A propriedade CSS padding

Definição e uso

A propriedade abreviada de margem-interna define todas as propriedades de margem-interna em uma declaração.

Explicação

Essa propriedade abreviada define a largura de todas as margens internas do elemento, ou define a largura das margens internas de cada lado. A margem interna definida em elementos inline não substituídos não afeta o cálculo da altura da linha; portanto, se um elemento tiver tanto margem interna quanto plano de fundo, pode estender visualmente para outras linhas e pode se sobrepor a outros conteúdos. O plano de fundo do elemento estende-se através da margem interna. Não é permitido especificar valores de margem negativos.

Nota:Não é permitido usar valores negativos.

Exemplo 1

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

Exemplo 2

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

Exemplo 3

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

Exemplo 4

margem-interna:10px;
  • Todas as 4 margens internas são 10px

Veja também:

Tutorial de CSS:Márgem interna do CSS

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

Exemplo

Definir 4 margens internas do elemento p:

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

Experimente você mesmo

Sintaxe do CSS

margem-interna: length|initial|inherit;

Valor da propriedade

Valor Descrição
auto O navegador calcula a margem interna.
length Especifica o valor da margem interna em unidades específicas, como pixels, centímetros, etc. O valor padrão é 0px.
% Especifica a margem interna como um percentual da largura do elemento pai.
inherit Especifica que a margem interna 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.padding="10px 5px"

TIY Exemplo

Todas as propriedades de margem interna em uma declaração
Este exemplo demonstra como usar a propriedade abreviada para definir todas as propriedades de margem interna em uma declaração, que pode ter de um a quatro valores.

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 4.0 1.0 1.0 3.5