« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
m Robot : modifie Catégorie:Programmation CSS (livre) |
|||
Ligne 75 :
; Exemple
.foo {padding: 0.5em}
En fait, la propriété <code>padding</code> permet de définir les quatre espaces intérieurs en une seule fois :
.foo {padding: ''top'' ''right'' ''bottom'' ''left''}
L'ordre est celui du sens horaire : haut (''top'' à 12h), droite (''right'' à 3h), bas (''bottom'' à 6h), gauche (''left'' à 9h).
En reprenant l'exemple avec quatre propriétés, l'équivalent est :
.foo {padding: 0.5em 1em 0.5em 1em}
Lorsqu'une valeur est absente, sa valeur recopie celle situé deux positions avant :
* Si ''left'' est absent, sa valeur est la même que ''right'',
* Si ''bottom'' est absent, sa valeur est la même que ''top''.
ou une position avant (si une seule valeur) :
* Si ''right'' est absent (donc une seule valeur spécifiée), sa valeur est la même que ''top'', idem pour ''left'' et ''bottom'' également absents.
=== Bordure ===
| |||