Remplissage CSS (Remplissage)

Le padding CSS (remplissage) est une propriété abrégée qui définit l'espace entre la bordure et le contenu de l'élément, c'est-à-dire les mises en page internes des quatre côtés.

Attribut de remplissage CSS

L'attribut de remplissage CSS vous permet de définir l'espace entre la bordure et le contenu de l'élément. Le remplissage est influencé parfond-couleurL'effet sur la boîte.

Définir le remplissage pour chaque face

Vous pouvez utiliser la propriété padding CSS individuelle pour spécifier différemment le remplissage des différents côtés de l'élément (par exemple, le haut, la droite, le bas ou la gauche).

h1　{
　　　　padding-bottom:　10px;
}
p　{
　　　　padding-top:　20px;
　　　　padding-left:　50px;
}

Propriété de raccourci de remplissage

L'attribut padding est une propriété abrégée pour éviter de définir séparément le remplissage de chaque côté de l'élément.padding-top，padding-right，padding-bottom，padding-left。

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

L'attribut padding peut prendre une, deux, trois ou quatre valeurs séparées par des espaces.

• Si vous définissezUne valeurSi vous spécifiez, appliquez-le à tous les quatre côtés.

• Si vous spécifiezDeux valeursSi vous spécifiez, la première valeur s'appliquera en haut et en bas, et la deuxième valeur en haut et à droite.

• Si vous spécifiezTrois valeursSi vous spécifiez, l'application de la première valeur en haut, la deuxième valeur en haut et à droite, et la dernière valeur en bas.

• Si vous spécifiezQuatre valeursSi vous spécifiez, appliquez-les respectivement en ordre en haut, à droite, en bas et à gauche.