CSS paddingPropriété
Définition de la propriété et instructions d'utilisation
La propriété raccourcie padding définit toutes les propriétés de padding en une seule déclaration. Cette propriété peut avoir de 1 à 4 valeurs.
Exemple :
-
padding:10px 5px 15px 20px;
- La marge intérieure supérieure est de 10px
- La marge intérieure droite est de 5px
- La marge intérieure inférieure est de 15px
- Le padding gauche est de 20px
-
padding:10px 5px 15px;
- La marge intérieure supérieure est de 10px
- Les paddings droit et gauche sont de 5px
- La marge intérieure inférieure est de 15px
-
padding:10px 5px;
- Les paddings haut et bas sont de 10px
- Les paddings droit et gauche sont de 5px
-
padding:10px;
- Les quatre paddings sont de 10px
Remarque :Les valeurs négatives ne sont pas autorisées.
| Valeur par défaut : | 0 |
|---|---|
| Héritée : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | object.style.padding="10px 5px" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| longueur | Spécifie la valeur du padding dans des unités spécifiques, telles que les pixels, les centimètres, etc. La valeur par défaut est 0px. |
| % | Spécifie le padding en pourcentage en fonction de la largeur de l'élément parent. |
| inherit | Spécifie que le padding doit être hérité de l'élément parent. |
Articles connexes
Tutoriel CSS :Marge intérieure CSS
autres extensions