border-collapse CSS propriété

Définition de la CSS border-collapse.

La propriété CSS border-collapse permet de spécifier si les bordures de la table et de ces cellules sont communes ou distinctes.

Exemple de syntaxe CSS border-collapse :

border-collapse : separate;
border-collapse : collapse;

La propriété de feuille de style border-collapse CSS peut prendre la valeur de :

collapse : chaque cellule a une bordure commune.
separate : chaque cellule a sa propre bordure, valeur par défaut.
inherit : hérite de la propriété CSS border-collapse son parent (CSS2).

Exemple de code border-collapse CSS

Conditions d'application de la CSS border-collapse.

La propriété de feuille de style border-collapse CSS est applicable sur la balise HTML ou XHTML TABLE ou sur un élément dont la valeur display est égale 'table' ou 'inline-table'.

Problème d'interprétation de border-collapse en Css.

La propriété de feuille de style border-collapse est interprétée que par les versions >=1.2 sous Safari.
La propriété CSS border-radius ne fonctionne pas si la propriété border-collapse CSS a la valeur collapse.

Règles de syntaxes CSS pour border-collapse.

Des style de bordures différents pour une même bordure?

En cas de conflit, voici comment les navigateurs doivent déterminer le style de bordure le plus important dans l'ordre :

Si une bordure à une propriété border-style : hidden, elle sera traitée en premier dans le conflit en tant supprimée.

Si une bordure à une propriété border-style : none, elle sera traitée en dernier.

Si aucune des bordures communes ne sont 'hidden' ou 'none', alors les bordures les plus larges sont retenues. Si elles ont la même valeur 'border-width', alors c'est border-style qui primera dans cet ordre de priorité : 'double', 'solid', 'dashed', 'dotted', 'ridge', 'outset', 'groove' et 'inset'.

Si les bordure ne diffèrent que par leur couleur, alors le style de bordure qui sera primera sera le style de bordure d'une cellule l'emporte sur celui d'une rangée, ce dernier l'emporte à son tour sur celui d'un groupe de rangées, puis en succession, sur celui d'une colonne, sur celui d'un groupe de colonnes et finalement, sur celui de la table.

Compatibilités navigateurs de la propriété border-collapse

Détails des versions de la CSS border-collapse: Propriété border-collapse est compatible avec CSS1 et plus.; Propriété border-collapse est compatible avec CSS2 et plus.

Résumé du support navigateurs de la CSS border-collapse: Propriété CSS border-collapse est compatible à partir de Chrome 1; Propriété CSS border-collapse est compatible à partir de Firefox 1; Propriété CSS border-collapse est compatible à partir de Internet Explorer 6; Propriété CSS border-collapse est compatible à partir de Opera 4; Propriété CSS border-collapse est compatible à partir de Safari 1.2; Propriété CSS border-collapse est compatible à partir de Chrome Android 2.3; Propriété CSS border-collapse est compatible à partir de Internet Explorer mobile 7; Propriété CSS border-collapse est compatible à partir de iOS Safari 3; Propriété CSS border-collapse est compatible à partir de Opera Mini 11.00

Equivalence de la CSS border-collapse en HTML.

La propriété CSS border-collapse n'a pas d'équivalence en HTML ou XHTML.

Votre avis sur la définition border-collapse en CSS

Votez pour la définition CSS `border-collapse`

Votes: 4.7 / 5 - 18 votes
Cliquez sur une étoile pour voter.

Définitions annexes à la Css border-collapse

Définitions CSS annexes border-collapse

border-radius: La propriété de coin arrondi CSS BORDER-RADIUS est un raccourci qui permet de spécifier la courbe de l'arrondi Css des coins d'un élément (X)HTML, mai...[ border-radius ]
border-style: La propriété de Style de Bordure CSS BORDER-STYLE est un raccourci qui permet de spécifier le style des quatre bordures Css d'un élément, soit : - le ...[ border-style ]
border-width: La propriété de bordure CSS BORDER-WIDTH est un raccourci qui permet de spécifier l'épaisseur des quatre bordures Css d'un élément, soit : - l'épaisse...[ border-width ]
display: La propriété CSS DISPLAY permet de modifier le type de rendu d'un élément.Exemple d'écriture CSS de display display : block; display : inline; display...[ display ]

Définitions HTML annexes border-collapse

table: La balise HTML et XHTML TABLE englobe tous les éléments du tableau.<TABLE> </TABLE> Un tableau doit commencer par la balise HTML et XHTML <TABLE> et s...[ table ]