 |

La propriété Border-Spacing
Les tailles spécifient la distance qui sépare les bordures des cellules adjacentes.
Si une longueur est spécifiée, il donne l'espacement horizontal et vertical.
Si les deux sont spécifiées, la première donne l'espacement vertical et la seconde l'espacement horizontal. Dans le cas ou les deux valeurs sont définies, elles doivent être séparées par un espace blanc.
| border-spacing |
| Valeur |
Taille_de_l'espace_horizontal_et_vertical
Taille_de_l'espace_horizontal
Taille_de_l'espace_vertical |
| Type |
CSS 2 |
| Compatibilité |
7+
4+
3+
9+ |
| Valeur par défaut |
0 |
| Domaine d'application |
Tableaux |
| Héritage |
oui |
| Media |
visuel |
Valeur possible |
Action |
Exemple |
| Taille H et V |
Spécifie un espacement de bordure horizontal et vertical unique. |
table {border-spacing: 30px} |
| Taille_H Taille_V |
Spécifie deux espacements de bordure différents, un horizontal et l'autre vertical. |
table {border-spacing: 15pt 20pt} |
Exemples
Cet exemple montre un tableau dont les espaces de bordures ont une taille de 10 pixels.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {border-spacing: 10px}
|
Cet exemple montre un tableau dont les espaces de bordures ont une taille de 15 pixels à droite et à gauche et de 25 pixels en haut et en bas.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {border-spacing: 15px 25px}
|
 |

|