Title: CSS Multi-column Layout Module Level 2
Group: CSSWG
Shortname: css-multicol
Level: 2
Status: ED
Work Status: Exploring
ED: http://dev.w3.org/csswg/css-multicol-2/
Editor: Florian Rivoal, Invited Expert, florian@rivoal.net, http://florian.rivoal.net/
Abstract: This specification describes multi-column layouts in CSS, a style sheet language for the web. Using functionality described in the specification, content can be flowed into multiple columns with a gap and a rule between them.
Abstract:
Abstract: This is a delta specification over CSS Multi-column Level 1.
Once the level 1 specification is final,
its content will be integrated into this specification,
which will then replace it.
Until then, CSS Multi-column Level 2 only contains additions and extensions to level 1
Ignored Terms: column-width, column-count, columns, column-gap, column-rule-color, column-rule-style, column-rule-width, column-rule, column-fill
Introduction
Issue: Add final content from previous level
Module Interactions
This document defines new features not present in earlier specifications.
In addition, once final, it will replace and supersede the following:
The multi-column model
Issue: Add final content from previous level
The number and width of columns
Issue: Add final content from previous level
'column-width'
Issue: Add final content from previous level
'column-count'
Issue: Add final content from previous level
'columns'
Issue: Add final content from previous level
Pseudo-algorithm
Issue: Add final content from previous level
Stacking context
Issue: Add final content from previous level
Column gaps and rules
Issue: Add final content from previous level
'column-gap'
Issue: Add final content from previous level
'column-rule-color'
Issue: Add final content from previous level
'column-rule-style'
Issue: Add final content from previous level
'column-rule-width'
Issue: Add final content from previous level
'column-rule'
Issue: Add final content from previous level
Column breaks
The previous level of this specification defined how
the user agent must determine where column breaks are placed
when content is laid out in multiple columns.
The [[!CSS3-BREAK]] module has since been introduced
to define how to break the content across pages,
columns, or CSS Regions,
and supersedes the column break section of [[CSS3-MULTICOL]].
This specification defers to [[!CSS3-BREAK]] on this topic.
'break-before', 'break-after', 'break-inside'
The 'break-before', 'break-after' and 'break-inside' properties are now defined in [[!CSS3-BREAK]].
Spanning columns
The 'column-span' property makes it possible for an element to span across several columns.
This specification adds <> to the values available in the previous level.
'column-span'
Name: column-span
Value: none | <> | all
Initial: none
Applies to: in-flow block-level elements
Inherited: no
Percentages: N/A
Media: visual
Computed value: specified value
This property describes how many columns an element spans across. Values are:
- none
- all
-
Issue: Add final content from previous level
- <>
-
The element spans the specified number of columns.
Values must be greater than 0.
If the specified integer value is equal to,
or larger than the number of columns in the multicol element,
the number of columns spanned will be the same as if ''column-span: all'' had been specified.
This definition is insufficent.
- Does ''column-span: 1'' count as ''column-span: none'',
or does it create a spanner (which is a BFC)?
- Which columns does it span?
- How does that affect height calculations, and interract with column-fill
Issue: CSS Figures has evolved into a different approach.
Issue: Add final content from previous level
possibly with adjustements to account for <> values
Filling columns
Issue: Add final content from previous level
'column-fill'
Issue: Add final content from previous level
Overflow
Overflow inside multicol elements
Issue: Add final content from previous level
Pagination and overflow outside multicol elements
Issue: Add final content from previous level
Acknowledgments
This document builds upon HÃ¥kon Wium Lie's work in [[CSS3-MULTICOL]],
and is based on several older proposals and comments on older proposals.
Contributors include:
Issue: Add final level 1 contributor list