border-spacing

Résumé

La propriété CSS border-spacing 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.

Syntaxe

border-spacing: <length> | <length> <length> | inherit

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).

Exemples

Voir l'exemple sur une page

table#space {
  border-collapse: separate;
  border-spacing: 10px 5px;
}

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.

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Netscape 6
Internet Explorer 7
Firefox 1
Mozilla 1
Safari 1
Opera 6

Voir également

border-collapse

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : Chealer, teoli, simonrenoult, FredB, Mgjbot, Fredchat, Kyodev
Dernière mise à jour par : Chealer,