Padding CSS (estofamento)
border elemento de definição de espaço e o conteúdo do elemento entre CSS Padding (preenchimento) propriedade.
Preenchimento (estofamento)
Quando os elementos acolchoamento (cheias) (preenchimento) é apagada ea "libertação" da área do elemento preenche a cor de fundo vai sofrer.
Sozinho preencher propriedades podem mudar para cima e para baixo em torno do recheio. Propriedades sigla enchimento também pode ser utilizada para alterar uma vez que tudo mudou.
Os valores possíveis
| valor | explicação |
|---|---|
| comprimento | Define um preenchimento fixo (pixels, pt, em, etc.) |
| % | Use um valor percentual para definir um enchimento |
Estofamento - propriedade preenchimento unilateral
Na CSS, pode especificar um lado diferente dos diferentes recheio:
Enchimento - propriedade estenográfica
Para encurtar o código, que você pode especificar todas as propriedades de preenchimento em uma propriedade.
Isso é chamado de propriedade estenográfica. propriedade estenográfica para todo o atributo de preenchimento é "padding":
propriedade preenchimento pode ter de um a quatro valores.
padding: 25px 50px 75px 100px;
- O recheio é 25px
- preenchimento direito de 50px
- Sob 75px preenchido
- Esquerda 100px preenchido
padding: 25px 50px 75px;
- O recheio é 25px
- Cheia com cerca de 50px
- Sob 75px preenchido
padding: 25px 50px;
- preenchimento de fundo é 25px
- Cheia com cerca de 50px
padding: 25px;
- Todos os 25 pixels são preenchidos
mais exemplos
Todas as propriedades de preenchimento em uma declaração
Este exemplo demonstra o uso da propriedade abreviaturas é definido em uma declaração de todos os atributos de preenchimento, pode ter de um a quatro valores.
Defina parte esquerda preenchido
Este exemplo demonstra como para definir o elemento de enchimento esquerdo.
Definir a parte direita do enchimento
Este exemplo demonstra como definir o elemento de preenchimento direita. .
Definir um enchimento superior
Este exemplo demonstra como para definir o elemento de enchimento.
Lower embalado
Este exemplo demonstra como para definir o preenchimento sob os elementos.
Todas as propriedades CSS preenchimento
| propriedade | explicação |
|---|---|
| acolchoamento | Abreviaturas propriedade é definida em uma declaração de todos atributos de preenchimento |
| padding-bottom | Definir elemento underfill |
| padding-left | parte esquerda do elemento de configurações de preenchimento |
| padding-right | Definir a parte direita do elemento de enchimento |
| padding-top | Configurações na parte superior elementos para preencher |