Rembourrage CSSSE CONNECTER

Rembourrage CSS

CSS Padding

La propriété CSS Padding définit l'espace entre la bordure de l'élément et son contenu.

Padding

Lorsque le Padding (padding) d'un élément est effacé, la zone "libérée" sera remplie avec la couleur d'arrière-plan de l'élément.

Utilisez l'attribut fill seul pour modifier le remplissage supérieur, inférieur, gauche et droit. L'attribut de remplissage d'abréviation peut également être utilisé, une fois modifié, tout change.

Cette propriété raccourcie définit la largeur de tout le remplissage sur un élément, ou définit la largeur du remplissage de chaque côté. Le remplissage défini sur les éléments en ligne non remplacés n'affecte pas les calculs de hauteur de ligne ; par conséquent, si un élément a à la fois un remplissage et un arrière-plan, il peut s'étendre visuellement à d'autres lignes, éventuellement avec

D'autres chevauchements de contenu. L'arrière-plan de l'élément s'étend sur le remplissage. Les valeurs de marge négatives ne sont pas autorisées.

padding-top:20px; rembourrage supérieur

padding-right:30px; rembourrage droit

padding-bottom:30px; >

padding-left : 20px ; rembourrage gauche

rembourrage : 1px rembourrage unifié sur les quatre côtés

rembourrage : 1px1px haut et bas, rembourrage gauche et droit

remplissage : 1px1px1px haut, gauche et droite, remplissage inférieur

remplissage : 1px1px1px1px haut, droite, bas, remplissage gauche

Remarque : Aucune valeur négative n'est autorisée.

Valeurs possibles

auto : Le navigateur calcule les marges.

longueur : Spécifie la valeur de la marge dans des unités spécifiques, telles que les pixels, les centimètres, etc. La valeur par défaut est 0px.

% : Spécifie les marges en pourcentage de la largeur de l'élément parent.

inherit : Spécifie que les marges doivent être héritées de l'élément parent.

padding : utilisez les attributs d'abréviation pour définir toutes les propriétés de remplissage dans une seule déclaration

padding-bottom : définissez le remplissage inférieur de l'élément

padding-left : définissez la partie gauche de l'élément Padding

padding-right : Définir le remplissage droit de l'élément

padding-top : Définir le remplissage supérieur de l'élément


section suivante

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p.ex1 {padding:2cm;} p.ex2 {padding:0.5cm 3cm;} </style> </head> <body> <p class="ex1">这个文本填充两边相等。填充每边2厘米。</p> <p class="ex2">这个文本有一个顶部和底部填充0.5厘米和3厘米的左和右填充。</p> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel