Attribut border-spacing CSS

Recommandation de cours :

Définition et utilisation

border-spacing attribut définit la distance entre les bordures adjacentes des cellules (uniquement pour le mode 'separation des bordures').Remarque :

Certains navigateurs IE ne prennent pas en charge cette propriété.

Explication

Cette propriété spécifie la distance entre les limites des cellules dans le modèle de séparation des bordures. Dans les deux valeurs de longueur spécifiées, la première est l'intervalle horizontal et la deuxième l'intervalle vertical. Cette propriété est ignorée à moins que border-collapse ne soit définie sur separate. Bien que cette propriété ne s'applique qu'aux tables, elle peut être héritée par tous les éléments du tableau.

Voir également :Tableau CSS

Tutoriel CSS :Guide de référence HTML DOM :

Attribut borderSpacing

Exemple

Définir border-spacing pour le tableau :
  table
  {
  border-collapse:separate;
  border-spacing:10px 50px;

}

Essayez-le vous-même

Syntaxe CSS lengthborder-spacing:

|initial|inherit;

Valeur de l'attribut Valeur
Description

length length

Définit la distance entre les bordures adjacentes des cellules. Utilisez des unités telles que px, cm, etc. Ne pas utiliser de valeurs négatives. length Si un seul paramètre est défini, il définit l'espacement horizontal et vertical.

Si deux paramètres sont définis, ils définissent l'espacement horizontal et vertical. length Si deux paramètres sont définis, le premier définit l'espacement horizontal et le second l'espacement vertical.
inherit Définit que la valeur de l'attribut border-spacing doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : oui
Version : CSS2
Syntaxe JavaScript : object.style.borderSpacing="15px"

Plus d'exemples

Définir l'espace entre les bordures de la table
Cet exemple montre comment définir l'espace entre les bordures des cellules.

Prise en charge du navigateur

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0