CSS:border-collapse
Un article de MDC.
[modifier] Résumé
La propriété border-collapse est utilisée pour fusionner les bordures. Elle a une grande influence sur l'affichage et le style des cellules de tableau.
Le rendu des bordures de tableau est divisé en deux catégorie dans CSS2 - fusionnées et séparées. Cette propriété définit lequel des deux modèles de rendu doit être utilisé. Dans le modèle de rendu des bordures fusionnées, les cellules adjacentes partagent les mêmes bordures. Dans le modèle de rendu des bordures séparées, chaque cellule adjacente a ses propres bordures (la distance entre les bordures est définie par la propriété border-spacing).
- Valeur initiale : Separate
- Héritée : oui
- Média : Visuel
[modifier] Syntaxe
border-collapse: valeur
[modifier] Valeurs
- inherit
- Définit explicitement la valeur de cette propriété comme héritée de son élément parent.
- separate
- Utilise le modèle de rendu des bordures séparées.
- collapse
- Utilise le modèle de rendu des bordures fusionnées.
[modifier] Exemples
Voir des exemples en ligne (en)
<table border="1" style="border-collapse: collapse" bordercolor="#111111" width="500">
<table border="1" style="border-collapse: separate" bordercolor="#111111" width="500">
[modifier] Notes
Dans le modèle de rendu des bordures fusionnées, la valeur border-style de inset se comporte comme groove, et outset se comporte comme ridge.
CSS2 spécifie que la valeur initiale de cette propriété est collapse, mais CSS2.1 et Mozilla/Opera définissent ou se comportent comme si elle était définie à separate.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 5.5 |
| Netscape | 7 |
| Opera | 5 |