Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Autoria Web / Aula
Padding é a propriedade que determina a distância entre a borda e o conteúdo e assume o plano de fundo definido para o elemento. As propriedades que especificam esse espaçamento são listadas no quadro a seguir.
| Propriedade | Descrição | Valores |
| Padding | Especifica todas as propriedades de espaçamento: espaçamento superior, da direita, inferior, e da esquerda | padding-top padding-right padding-bottom padding-left |
| padding-bottom | Especifica o espaçamento inferior | tamanho (in pixels, pt, em etc.) % |
| padding-left | Especifica o espaçamento da esquerda | tamanho % |
| padding-right | Especifica o espaçamento da direita | tamanho % |
| padding-top | Especifica o espaçamento superior | tamanho % |
No exemplo mostrado na Figura 6, o primeiro parágrafo está estilizado com a propriedade padding, enquanto o segundo parágrafo está estilizado com as propriedades padding-top, padding-bottom, padding-left e padding-right.
Além de definir bordas, margens e espaçamentos, é possível também definir as dimensões de cada caixa (ou elemento).
Versão 5.3 - Todos os Direitos reservados