CSS Padding
Les propriétés de remplissage CSS définir l'espace entre la bordure de l'élément et l'élément de contenu.
Rembourrage
Le rembourrage efface une zone autour du contenu (à l'intérieur de la frontière) d'un élément. Le rembourrage est affectée par la couleur de fond de l'élément.
Le rembourrage en haut, droite, bas, gauche et peut être modifiée indépendamment en utilisant les propriétés distinctes. Une propriété padding raccourci peut aussi être utilisé, à changer tous les rembourrages à la fois.
Valeurs possibles
Valeur | Description |
---|---|
longueur | Définit un remplissage fixe (en pixels, pt, em, etc) |
% | Définit un remplissage en% de l'élément contenant |
Rembourrage - côtés individuels
En CSS, il est possible de spécifier rembourrage différente pour différents côtés:
Exemple
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
Essayez vous-même »
Rembourrage - Sténographie la propriété
Pour raccourcir le code, il est possible de spécifier toutes les propriétés de remplissage dans une propriété. C'est ce qu'on appelle un raccourci.
La propriété raccourcie pour toutes les propriétés de remplissage est "padding":
La propriété padding peut avoir de une à quatre valeurs.
- padding: 25px 50px 75px 100px;
- padding haut est 25px
- marge droite est 50px
- padding-bottom est 75px
- padding gauche est 100px
- padding: 25px 50px 75px;
- padding haut est 25px
- rembourrages droite et gauche sont 50px
- padding-bottom est 75px
- padding: 25px 50px;
- rembourrages haut et du bas sont 25px
- rembourrages droite et gauche sont 50px
- padding: 25px;
- les quatre rembourrages sont 25px

Exemples
Toutes les propriétés de remplissage dans une déclaration
Cet exemple démontre un raccourci pour la mise en toutes les propriétés de remplissage dans une déclaration, peut avoir de une à quatre valeurs.
Cet exemple démontre un raccourci pour la mise en toutes les propriétés de remplissage dans une déclaration, peut avoir de une à quatre valeurs.
Réglez le padding gauche
Cet exemple montre comment définir le padding gauche de l'élément ap.
Cet exemple montre comment définir le padding gauche de l'élément ap.
Définir la marge droite
Cet exemple montre comment définir la marge droite de l'élément ap.
Cet exemple montre comment définir la marge droite de l'élément ap.
Définir les marges supérieure
Cet exemple montre comment définir les marges supérieure de l'élément ap.
Cet exemple montre comment définir les marges supérieure de l'élément ap.
Réglez le padding-bottom
Cet exemple montre comment définir l'padding-bottom de l'élément ap.
Cet exemple montre comment définir l'padding-bottom de l'élément ap.
Toutes les propriétés CSS Padding
Propriété | Description |
---|---|
rembourrage | Une propriété raccourcie pour définir toutes les propriétés de remplissage dans une déclaration |
padding-bottom | Définit le padding-bottom d'un élément |
padding-left | Définit l'espacement gauche d'un élément |
padding-right | Définit la marge droite d'un élément |
padding-top | Définit l'espacement supérieure d'un élément |
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT