« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 300 :
On peut distinguer les quatre espaces intérieurs :
* <code>padding-top</code> : espace intérieur haut ;
* <code>padding-bottom</code> : espace intérieur bas ;
* <code>padding-left</code> : espace intérieur gauche
▲* <code>padding-right</code> : espace intérieur droit.
La syntaxe est du type <code>''propriété'': ''valeur''</code>, ou ''valeur'' est exprimée comme d'habitude en centimètres, millimètres, pouces, pixels ou cadratins (voir le chapitre ''[[../Valeurs et unités#Distances et dimensions|Valeurs et unités > Distances et dimensions]]'').
; Exemple
<syntaxhighlight lang="css">
padding-top: 0.5em;▼
padding-
padding-
padding-
padding-left: 1em;
</syntaxhighlight>
Si les quatre valeurs sont égales, on peut utiliser la propriété <code>padding</code>
; Exemple
<syntaxhighlight lang="css">
.foo {padding: 0.5em}▼
</syntaxhighlight>
En fait, la propriété <code>padding</code> permet de définir les quatre espaces intérieurs en une seule fois :
Ligne 323 ⟶ 327 :
En reprenant l'exemple avec quatre propriétés, l'équivalent est :
<syntaxhighlight lang="css">
</syntaxhighlight>
Lorsqu'une valeur est absente, la propriété vaut la même valeur que celle située deux positions avant :
| |||