Latest web development tutorials

CSS Padding (padding)

définition spatiale élément frontière et le contenu de l'élément entre les CSS Padding (padding) propriété.


Rembourrage (bourrage)

Lorsque des éléments de rembourrage (remplies) (padding) est effacé, la "libération" de la zone de l'élément remplit la couleur de fond serait.

remplir seul les propriétés peuvent changer de haut en bas autour de la farce. Acronyme propriétés de remplissage peuvent également être utilisés pour changer une fois que tout a changé.

Les valeurs possibles

valeur explication
longueur Définit un rembourrage fixe (pixels, pt, em, etc.)
% Utiliser une valeur de pourcentage pour définir un remplissage


Rembourrage - propriété padding unilatérale

En CSS, il peut spécifier un autre côté de l'autre garniture:

Exemples

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Essayez »


Remplissage - propriété raccourcie

Pour raccourcir le code, que vous pouvez spécifier toutes les propriétés de remplissage dans une propriété.

Ceci est appelé un raccourci. propriété Raccourci pour tout l'attribut de remplissage est "padding":

Exemples

padding: 25px 50px;

Essayez »

propriété Padding peut avoir une à quatre valeurs.

padding: 25px 50px 75px 100px;

  • Le remplissage est 25px
  • padding Droit à 50px
  • Sous 75px rempli
  • Gauche 100px rempli

padding: 25px 50px 75px;

  • Le remplissage est 25px
  • Rempli d'environ 50px
  • Sous 75px rempli

padding: 25px 50px;

  • padding Bottom est 25px
  • Rempli d'environ 50px

padding: 25px;

  • 25px Tous sont remplis

Exemples

D'autres exemples

Toutes les propriétés de remplissage dans une déclaration
Cet exemple illustre l'utilisation de la propriété des abréviations est définie dans une déclaration de tous les attributs de remplissage, peut avoir une à quatre valeurs.

Set partie gauche rempli
Cet exemple montre comment définir l'élément de rembourrage gauche.

Réglage de la partie droite de remplissage
Cet exemple montre comment définir l'élément de rembourrage droit. .

Définition d' un remplissage supérieur
Cet exemple montre comment définir l'élément de remplissage.

Lower emballés
Cet exemple montre comment définir le rembourrage sous les éléments.


Toutes les propriétés CSS padding

propriété explication
rembourrage propriété abréviations est définie dans une déclaration de tous les attributs de remplissage
padding-bottom Réglage élément underfill
padding-left partie gauche de l'élément de réglage de remplissage
padding-right Réglage de la partie droite de l'élément de remplissage
padding-top Réglages au niveau des éléments principaux à remplir