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:
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":
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
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 |