CSS:border-spacing
Un article de MDC.
[modifier] Résumé
La propriété border-spacing property spécifie la distance entre les bords de cellules adjacentes (uniquement pour le modèle de bordures séparées). Cette propriété est équivalente à l'attribut de présentation cellspacing en HTML.
- Valeur initiale : 0
- S'applique à : tableaux et éléments avec la propriété
inline-table - Héritée : oui
- Média : Visuel
- Valeur calculée : deux longueurs absolues
[modifier] Syntaxe
border-spacing: <length> | <length> <length> | inherit
[modifier] Valeurs
- <length>
- Une longueur à utiliser pour les espacements verticaux et horizontaux.
- <length> <length>
- La première longueur indique l'espacement horizontal (espace entre deux cellules de colonnes adjacentes) et la seconde longueur indique l'espacement vertical (espace entre deux cellules d'une même colonne).
[modifier] Exemples
Voir des exemples en ligne (en)
table#space {
border-collapse: separate;
border-spacing: 10px 5px;
}
[modifier] Notes
Cette propriété ne s'applique que lorsque border-collapse est définie à separate.
border-spacing est également utilisée pour les bords extérieurs du tableau, où la distance entre les bords du tableau et les cellules des première/dernière colonne/rang est la somme des border-spacing (horizontal ou vertical) et de l'espacement (padding) correspondant (top, right, bottom ou left) du tableau.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Netscape | 6 |
| Internet Explorer | 7 |
| Firefox | 1 |
| Mozilla | 1 |
| Safari | 1 |
| Opera | 6 |