本文详细介绍了CSS中边框样式冲突的解决规则，包括'hidden'、'none'的优先级，以及不同宽度和样式的边框如何决定显示。当元素边框样式不同时，宽度更宽的边框会优先显示；若样式相同则按特定顺序选择，如'double'到'inset'。此外，颜色不同的边框，同一单元格内的样式胜过行、行组、列、列组及表格的样式。最左边或最上边的元素在冲突时优先级更高。
The following rules determine which border style "wins" in case of a conflict:
Borders with the 'border-style' of 'hidden' take precedence over all other conflicting borders. Any border with this value suppresses all borders at this location.
Borders with a style of 'none' have the lowest priority. Only if the border properties of all the elements meeting at this edge are 'none' will the border be omitted (but note that 'none' is the default value for the border style.)
If none of the styles are 'hidden' and at least one of them is not 'none', then narrow borders are discarded in favor of wider ones. If several have the same 'border-width' then 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 row, which wins over a row group, column, column group and, lastly, table. When two elements of the same type conflict, then the one further to the left (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and further to the top wins.
扫一扫
2252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
