Order border-style classes to match border conflict resolution

[ryanve]

border conflict resolution

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.