O melhor tutorial Padding CSS (estofamento) em 2024. Neste tutorial você pode aprender Preenchimento (estofamento),Os valores possíveis,Estofamento - propriedade preenchimento unilateral,Exemplos,Enchimento - propriedade estenográfica,Exemplos,mais exemplos,Todas as propriedades CSS preenchimento,
border elemento de definição de espaço e o conteúdo do elemento entre CSS Padding (preenchimento) propriedade.
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.
valor | explicação |
---|---|
comprimento | Define um preenchimento fixo (pixels, pt, em, etc.) |
% | Use um valor percentual para definir um enchimento |
Na CSS, pode especificar um lado diferente dos diferentes recheio:
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;
padding: 25px 50px 75px;
padding: 25px 50px;
padding: 25px;
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.
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 |