« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
→Bordures et marges : Fonctionnement commun |
|||
Ligne 259 :
== Bordures et marges ==
La bordure ''(border)'' est séparée du contenu par un espace intérieur ''(padding)'', et du bord de la boîte par une marge ''(margin)''.
Chaque propriété définie la valeur pour les quatre côtés de la zone rectangulaire de l'élément, et peut être déclinée en quatre propriétés (qui ont la priorité) pour modifier chacun des côtés individuellement.
{| class="wikitable"
|+ Propriétés pour les quatre côtés ayant un fonctionnement similaire
! Tous les côtés
! En haut
! À droite
! En bas
! À gauche
|-
| <code>border</code>
| <code>border-top</code>
| <code>border-right</code>
| <code>border-bottom</code>
| <code>border-left</code>
|-
| <code>padding</code>
| <code>padding-top</code>
| <code>padding-right</code>
| <code>padding-bottom</code>
| <code>padding-left</code>
|-
| <code>margin</code>
| <code>margin-top</code>
| <code>margin-right</code>
| <code>margin-bottom</code>
| <code>margin-left</code>
|}
Les propriétés <code>border</code>, <code>padding</code> et <code>margin</code> spécifient la bordure, l'espacement interne et l'espacement externe pour les quatre côtés, et définissent donc quatre valeurs successives dont seule la première est obligatoire :
* Valeur pour le haut (''top''), obligatoire,
* Valeur pour la droite (''right''), optionnelle, même valeur que pour le haut si absente,
* Valeur pour le bas (''bottom''), optionnelle, même valeur que pour le haut si absente,
* Valeur pour la gauche (''left''), optionnelle, même valeur que pour la droite si absente.
=== Espace intérieur ===
| |||