CSS Multi-column Layout Module Level 1 CR Test Suite

Column Gaps and Rules (11 tests)

Test Refs Flags Info
+ 4 Column Gaps and Rules
contain-size-monolithic-001 = 'contain: size' element is monolithic
  • This test checks that an element with size containment becomes monolithic. In this test, the only way to break the content of such monolithic element is to break (or slice) the content at each pair of characters. Since column rules are only drawn between two columns that both have content and since the test expects only 1 column filled with content, therefore the column rule should not be painted, thus the 'no red' test success condition.
equal-gap-and-rule =
fixed-size-child-with-overflow =
multicol-rule-nested-balancing-001 = Test the column rules' block-size with nested balancing multicol container
  • This test verifies that the column-rules are extended to the content block-end edges of their corresponding inner and outer multicol container.
multicol-rule-nested-balancing-002 = Test the column rules' block-size with nested balancing multicol container
  • This test verifies that the column-rules are extended to the content block-end edges of their corresponding inner and outer multicol container, where the inner container has height: auto.
multicol-rule-nested-balancing-003 = Test the column rules' block-size with nested balancing multicol container
  • This test verifies that the column-rules are extended to the content block-end edges of their corresponding inner and outer multicol container.
multicol-rule-nested-balancing-004 = Test the column rules' block-size with nested balancing multicol container
  • This test verifies that the column-rules are extended to the content block-end edges of their corresponding inner and outer multicol container.
multicol-span-all-rule-001 = Test the column rule's block-size
  • This test verifies that the column-rule after the last column-span is extended to the content block-end edge of the multicol container.
+ 4.1 Gutters Between Columns: the column-gap property
+ 4.2 The Color of Column Rules: the column-rule-color property
column-rule-color-001 Script CSS Animations: column-rule-color animations respond to style changes
column-rule-color-interpolation Script column-rule-color interpolation
  • column-rule-color supports animation by computed value type
+ 4.3 The Style Of Column Rules: the column-rule-style property
+ 4.4 The Width Of Column Rules: the column-rule-width property
column-rule-width-interpolation Script column-rule-width interpolation
  • column-rule-width supports animation by computed value type
+ 4.5 Column Rule Shorthand: the column-rule property