Maison >interface Web >tutoriel CSS >Explication détaillée du remplissage en CSS

Explication détaillée du remplissage en CSS

迷茫
迷茫original
2017-03-25 15:34:492290parcourir

Syntaxe :

remplissage : [ ]{1,4}

Valeur par défaut : Regardez chaque attribut individuel

s'applique à  : tous les éléments sauf table-row-group | table-header-group | table-column-group | Externe

Héritage : Aucun

Animation : Oui

Valeur calculée : Voir Chaque attribut indépendant

attribut associé  : [ padding-top ] || [ padding-right ] || [ padding-bottom ] || [ padding-left ]

Valeur :

  •  : utilisez la valeur de longueur pour définir le rembourrage interne. Les valeurs négatives ne sont pas autorisées

  •  : utilisez le pourcentage pour définir le remplissage interne. En mode d'écriture horizontal (par défaut), référez-vous à la largeur du bloc qui le contient pour le calcul, et dans les autres cas, référez-vous à la hauteur. Les valeurs négatives ne sont pas autorisées

Description :

Récupère ou définit les marges internes sur les quatre côtés de l'objet.

  • Si les quatre valeurs de paramètres sont fournies, elles seront appliquées aux quatre côtés dans l'ordre supérieur, droit, inférieur et gauche.

  • Si un seul est fourni, il sera utilisé pour les quatre côtés.

  • Si deux sont fournis, le premier est pour le haut et le bas, et le second est pour la gauche et la droite.

  • Si trois sont fournis, le premier est pour le haut, le deuxième est pour la gauche et la droite et le troisième est pour le bas.

  • Les éléments en ligne non remplacés peuvent utiliser cet attribut pour définir les patchs internes sur les côtés gauche et droit ; si vous souhaitez définir les patchs internes sur les côtés supérieur et inférieur, vous devez le faire. faites d'abord en sorte que l'objet apparaisse au niveau du bloc ou au niveau du bloc en ligne. La fonctionnalité de script correspondante de

  • est padding.

TRBL


Explication détaillée du remplissage en CSS

Extension : marge, border

L'abréviation de valeur de padding

padding : 20px; == remplissage : 20px 20px 20px 20px;

remplissage : 20px 10px; == rembourrage : 20px 10px 20px 10px;

rembourrage : 20px 10px 30px == padding :20px 10px 30px 10px;

Si les côtés opposés sont égaux, ce dernier est omis si 4 côtés sont égaux, un seul

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn