3.3 ‘columns’

Chapter 3 - The number and width of columns - 3.3 ‘columns’

Go to the relevant page of the specification.

multicol-basic-001 (ahem)
Multi-column element via columns: [integer]
multicol-basic-002 (ahem)
Multi-column element via column-count: [integer]
multicol-basic-003 (ahem)
Multi-column element via columns: [width]
multicol-basic-004 (ahem)
Multi-column element via column-width: [width]
multicol-basic-005
columns as column-count (basic)
multicol-basic-007
columns as column-width (basic)
regions-multicol-003 (ahem)
One named flow multi-column container, text content overflowing one region
This test checks that text content flows through a region maintaining the named flow multi-column container and that it overflows visibly into a third column.
regions-multicol-004 (ahem)
One named flow, text content flowing into one multi-column region
This test checks that text content in a named flow is laid out using columns when flowed in a multi-column region.
regions-multicol-006 (ahem)
One named flow, text content - fragmented between multicol region and non-multicol region
This test checks that the named flow text content flows through the multi-column region in the region chain then through the second non-multicol region in the chain.
regions-multicol-008
One named flow, non-text fragmentable content flowing into multi-column region then into non-multicol region
This test checks that non-text named flow contentmulti-column is fragmented first through the columns in a region multi-column container, then through a second non-multi-column region.
regions-multicol-009
One named flow, text content flowing into a simple region then into a multi-column region
This test checks that text named flow content is fragmented first through a simple region, then through a multi-column region
regions-multicol-011
One named flow, non-text fragmentable content flowing into non-mulicol region then into a multi-column region
This test checks that non-text fragmentable named flow content is fragmented through a simple region, then through a multi-column region.
regions-multicol-012
One named flow multi-column container, monolithic content flowing into one region
This test checks that monolithic content in a named flow multi-column container flows through the region.
regions-multicol-013 (ahem)
One named flow, text content flowing into multiple regions fragmented across multiple columns and overflowing the last region
This test checks that the named flow text content flows through the regions in the multi-column container and that it overflows visibly into a fourth column.
regions-multicol-015 (ahem)
One named flow muticolumn container, text content flowing into multiple regions with content overflowing last region
This test checks that text content flows through multiple regions from the named flow multi-column container and that it overflows the last region in the region chain visibly.
regions-multicol-016
One named flow multi-column container, monolithic content flowing into multiple regions
This test checks that monolithic content flows through multiple regions from the named flow multi-column container and that it overflows the last region in the region chain visibly into a fifth column.
regions-multicol-017 (ahem)
Multiple named flows, text content flowing into multiple regions in a multi-column container
This test checks multiple named flows with text content flow into multiple regions in the multi-column container.
regions-multicol-019 (ahem)
Multiple named flows multi-column containers, text content flowing into multiple visually overlapping regions
This test checks multiple named flow multi-column containers with text content flow into multiple overlapping regions.
regions-multicol-021
Multiple named flows multi-column containers with unspecified width, non-text content flowing into multiple overlapping regions
This test checks multiple named flow multi-column containers with unspecified width and non-text content flow into multiple overlapping regions.
regions-multicol-022 (ahem)
One named flow multi-column container, text content flowing into one autosized region with overflowing column
This test checks that text content flows through an autosized region from a multi-column named flow and that it overflows visibly into a third column.
regions-multicol-023
One named flow multi-column container, monolithic content flowing into an autosized region, overflowing column
This test checks that text content flows through an autosized region from the multi-column named flow and that it overflows visibly into a third column.
regions-multicol-024 (ahem)
One named flow multi-column container with text content flowing into region of smaller width/height than the second region
This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and than the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.
regions-multicol-025
One named flow multi-column container with monolithic content flowing into region of smaller width/height than the second region
This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.
regions-multicol-026 (ahem)
One named flow multi-column container with text content flowing into region of smaller height than the second region
This test checks that text content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.
regions-multicol-027
One named flow multi-column container with monolithic content + flowing into region of smaller height than the second region
This test checks that monolithic content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.
regions-multicol-028 (ahem)
One named flow multi-column container with text content flowing into first region of smaller width than the second region
This test checks that text content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.
regions-multicol-029
One named flow multi-column container with monolithic content flowing into first region of smaller width than the second region
This test checks that monolithic content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.