Skip to content

Commit a8634b9

Browse files
committedApr 5, 2017
[css-multicol-1] Clarify when column-span:all creates a formatting context
Closes #1074
1 parent 28d97e0 commit a8634b9

File tree

1 file changed

+8
-6
lines changed

1 file changed

+8
-6
lines changed
 

‎css-multicol/Overview.bs

+8-6
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ Previous Version: https://www.w3.org/TR/2005/WD-css3-multicol-20051215/
1515
Previous Version: https://www.w3.org/TR/2001/WD-css3-multicol-20010118/
1616
Previous Version: http://www.w3.org/1999/06/WD-css3-multicol-19990623
1717
Editor: Håkon Wium Lie, Opera Software, howcome@opera.com
18+
Editor: Florian Rivoal, On behalf of Bloomberg, https://florian.rivoal.net
1819
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.
1920
Link Defaults: css-color (property) color, css21 (property) max-height, css-backgrounds-3 (value) hidden
2021
</pre>
@@ -945,17 +946,18 @@ Spanning columns</h2>
945946
element is automatically balanced across all columns before the
946947
element appears. The element establishes a new block formatting
947948
context.
949+
950+
Note: The element establishing a formatting content does not
951+
depend of whether the element is a descendent of a multicol or not.
952+
When 'column-span' is ''column-span/all'', it always does.
953+
This helps with robustness of designs to later revisions
954+
that remove the multicol,
955+
or when media queries turn the multicol off in some situations.
948956
</dl>
949957

950958
An element that spans more than one column is called a
951959
<dfn export>spanning element</dfn> and the box it creates is called a <dfn export>spanner</dfn>.
952960

953-
<!--
954-
This property has no effect on elements that do not fit entirely
955-
within the multicol element. Also, if a setting on this property pushes the
956-
element outside a multicol element, this property will have no effect.
957-
-->
958-
959961
<div class="example">
960962
In this example, an <code>h2</code> element has been added to the
961963
sample document after the sixth sentence (i.e., after the word "jkl."). This styling applies:

0 commit comments

Comments
 (0)
Please sign in to comment.