Border collapse
In the border-collapse: collapse
mode, the following rules determine which border style “wins” in case of a conflict.
Closely follows CSS 2.1 specifications
i.e. width >> CSS dominance (cell > table) >> Top/Left > Bottom/Right):
- Borders with the
border-style
ofhidden
take precedence over all other conflicting borders. - Narrow borders are discarded in favor of wider ones.
- Styles are preferred in this order:
double
,solid
,dashed
,dotted
,ridge
,outset
,groove'
, and the lowest:inset
. - If border styles differ only in color, then a style set on a cell wins over one on a table.
- When two elements of the same type conflict, then the one further to the left or top wins out.
Note that different browsers differ in the fine detail for complex cases.