Exemplo
Defina o preenchimento de um <p> elemento:
p
{
padding: 2cm 4cm 3cm 4cm;
}
Tente você mesmo " Definição e Uso
O preenchimento propriedade estenográfica define todas as propriedades de preenchimento em uma declaração. Esta propriedade pode ter de um a quatro valores.
Exemplos:
- padding:10px 5px 15px 20px;
- estofamento superior é 10px
- preenchimento correto é 5px
- preenchimento de fundo é 15px
- padding-left é 20px
- padding:10px 5px 15px;
- estofamento superior é 10px
- direita e padding-left são 5px
- preenchimento de fundo é 15px
- padding:10px 5px;
- superior e estofamento fundo são 10px
- direita e padding-left são 5px
- padding:10px;
- todos os quatro preenchimentos são 10px
Note: Os valores negativos não 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.padding="100px 20px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
padding:length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| length | Especifica o estofamento em px, pt, cm, etc. O valor padrão é 0 | Jogue " |
| % | Especifica o estofamento em por cento da largura do elemento contendo | 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: Padding CSS
Tutorial CSS: CSS Box Model
Referência HTML DOM: propriedade estofamento