@@ -662,7 +662,7 @@ The multi-column model</h2>
662
662
See <a href="#a11y">Accessibility Considerations</a> for more details.
663
663
664
664
<h2 id="the-number-and-width-of-columns">
665
- The number and width of columns</h2>
665
+ The number and size of columns</h2>
666
666
667
667
Finding the number and width of columns is fundamental when laying out multi-column content.
668
668
These properties are used to set the number and width of columns:
@@ -943,15 +943,15 @@ The number and width of columns</h2>
943
943
in the multicol container and new rows of that size are created for the overflow,
944
944
thus honoring the 'wrap' value.
945
945
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>
947
947
948
948
<pre class="propdef shorthand">
949
949
Name : columns
950
- Value : <<'column-width'>> || <<'column-count'>> || <<'column-height'>> || <<'column-wrap'>>
950
+ Value : <<'column-width'>> || <<'column-count'>> / <<'column-height'>>?
951
951
</pre>
952
952
953
953
This is a shorthand property for setting 'column-width' , 'column-count' ,
954
- 'column-height' , and 'column-wrap ' .
954
+ and 'column-height ' .
955
955
Omitted values are set to their initial values.
956
956
957
957
<div class="example">
@@ -964,11 +964,12 @@ The number and width of columns</h2>
964
964
columns: 2 auto; /* column-width: auto; column-count: 2 */
965
965
columns: auto; /* column-width: auto; column-count: auto */
966
966
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; */
969
968
</pre>
970
969
</div>
971
970
971
+ Issue(12050): The syntax of the 'columns' shorthand, with the inclusion of 'column-height' , is still unresolved.
972
+
972
973
<wpt>
973
974
multicol-columns-001.xht
974
975
multicol-columns-002.xht
0 commit comments