Skip to content

Commit 4734011

Browse files
committed
[css-multicol-2] Update columns definition
Adds the proposed definition for the columns property. See #12050
1 parent 8dac11f commit 4734011

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

css-multicol-2/Overview.bs

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -662,7 +662,7 @@ The multi-column model</h2>
662662
See <a href="#a11y">Accessibility Considerations</a> for more details.
663663

664664
<h2 id="the-number-and-width-of-columns">
665-
The number and width of columns</h2>
665+
The number and size of columns</h2>
666666

667667
Finding the number and width of columns is fundamental when laying out multi-column content.
668668
These properties are used to set the number and width of columns:
@@ -943,15 +943,15 @@ The number and width of columns</h2>
943943
in the multicol container and new rows of that size are created for the overflow,
944944
thus honoring the 'wrap' value.
945945

946-
<h3 id="columns">The 'column-width', 'column-count', 'column-height', and 'column-wrap' Shorthand: The 'columns' Property</h3>
946+
<h3 id="columns">The 'column-width', 'column-count', and 'column-height' Shorthand: The 'columns' Property</h3>
947947

948948
<pre class="propdef shorthand">
949949
Name: columns
950-
Value: <<'column-width'>> || <<'column-count'>> || <<'column-height'>> || <<'column-wrap'>>
950+
Value: <<'column-width'>> || <<'column-count'>> / <<'column-height'>>?
951951
</pre>
952952

953953
This is a shorthand property for setting 'column-width', 'column-count',
954-
'column-height', and 'column-wrap'.
954+
and 'column-height'.
955955
Omitted values are set to their initial values.
956956

957957
<div class="example">
@@ -964,11 +964,12 @@ The number and width of columns</h2>
964964
columns: 2 auto; /* column-width: auto; column-count: 2 */
965965
columns: auto; /* column-width: auto; column-count: auto */
966966
columns: auto auto; /* column-width: auto; column-count: auto */
967-
columns: 12em 14em; /* column-width: 12em; column-height: 14em; */
968-
columns: 12em 14em wrap; /* column-width: 12em; column-height: 14em; column-wrap: wrap; */
967+
columns: 12em / 14em; /* column-width: 12em; column-height: 14em; */
969968
</pre>
970969
</div>
971970

971+
Issue(12050): The syntax of the 'columns' shorthand, with the inclusion of 'column-height', is still unresolved.
972+
972973
<wpt>
973974
multicol-columns-001.xht
974975
multicol-columns-002.xht

0 commit comments

Comments
 (0)