Preenchimento do CSS (Preenchimento)

A propriedade padding do CSS é uma propriedade abreviada que define o espaço entre a borda do elemento e o conteúdo do elemento, ou seja, o preenchimento interno superior, inferior, esquerdo e direito.

Propriedade de preenchimento do CSS

A propriedade de preenchimento do CSS permite que você defina a área de preenchimento do elemento que separa a borda do conteúdo.fundo-coro efeito da caixa.

Definir preenchimento para cada face

Você pode usar a propriedade padding separada do CSS para especificar preenchimento diferente para os lados diferentes do elemento (por exemplo, superior, lateral direita, inferior ou lateral esquerda) com facilidade.

h1　{
　　　　padding-inferior:　10px;
}
p　{
　　　　padding-superior:　20px;
　　　　padding-esquerda:　50px;
}

Propriedade de abreviação de preenchimento

A propriedade padding é uma propriedade abreviada que evita a configuração de preenchimento separado para cada lado do elemento, ou sejapadding-superior，padding-direita，padding-inferior，padding-esquerda。

h1　{
　　　　padding:　10px　20px;
}
p　{
　　　　padding:　10px　15px　20px　25px;
}

A propriedade padding pode usar um, dois, três ou quatro valores separados por espaços em branco.

• Se configuradoUm valorSe especificado, aplica-se a todas as quatro laterais.

• Se especificadoDois valoresSe especificado, o primeiro valor será aplicado à parte superior e inferior, e o segundo valor será aplicado à lateral direita e esquerda.

• Se especificadoTrês valoresSe especificado, o primeiro valor é aplicado à parte superior, o segundo valor é aplicado à lateral direita e esquerda, e o último valor é aplicado à parte inferior.

• Se especificadoQuatro valoresSe especificado, aplicam-se em ordem à parte superior, lateral direita, inferior e lateral esquerda.