4.4 ‘column-rule-width’

Chapter 4 - Column gaps and rules - 4.4 ‘column-rule-width’

Go to the relevant page of the specification.

multicol-rule-fraction-001 (ahem)
column-rule-width
multicol-rule-fraction-002 (ahem)
wide column-rule-width painted above background-color
This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes above the background of the multi-column element but below the inline content inside the multicol element. In this test, the blue column-rule is painted above the yellow background-color but below (under) the black Ahem glyphs.
multicol-rule-large-001 (ahem)
excessively wide column-rule-width
This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes; its painting will be above background of multi-column element but below the inline content inside the multicol element.
multicol-rule-large-002 (ahem)
over-excessively wide column-rule-width
This test checks that if a column rule is over-excessively wide, even wider than window viewport, then the column rule will exceed the window viewport width but will not generate an horizontal scrollbar since column rules do not take up space.
multicol-rule-percent-001 (ahem, invalid)
column-rule-width and percentage unit (basic)
This test checks that the column-rule-width property does not accept percentage unit in its values.
multicol-rule-samelength-001 (ahem)
'column-rule-width' has same lenght as 'column-gap'
multicol-rule-shorthand-001 (ahem, invalid)
'column-rule' shorthand