You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Percentages: refer to the content width of the multi-column container
723
-
Computed value: the keyword ''column-gap/normal'' or a computed <<length-percentage>> value
724
-
Animation type: by computed value type
725
-
</pre>
718
+
The 'column-gap' property is defined in [[!CSS3-ALIGN]].
719
+
720
+
In a [=multi-column formatting context=]
721
+
the used value of ''normal'' for the 'column-gap' property is ''1em''.
722
+
This ensures columns are readable when the initial values are used.
723
+
If there is a column rule between columns,
724
+
it will appear in the middle of the gap.
726
725
727
726
<wpt>
728
727
multicol-gap-animation-001.html
@@ -733,40 +732,13 @@ Column gaps and rules</h2>
733
732
multicol-gap-large-001.xht
734
733
multicol-gap-large-002.xht
735
734
multicol-gap-negative-001.xht
735
+
multicol-gap-000.xht
736
+
multicol-gap-002.xht
737
+
multicol-gap-percentage-001.html
738
+
multicol-gap-001.xht
739
+
multicol-gap-003.xht
736
740
</wpt>
737
741
738
-
<i>'column-gap' accepting <<length-percentage>> is at risk,
739
-
and may be reverted to <<length>>.</i>
740
-
741
-
<dl dfn-type=value dfn-for=column-gap>
742
-
<dt><dfn><<length-percentage>></dfn>
743
-
<dd>
744
-
Specifies the gap between columns.
745
-
If there is a column rule between columns,
746
-
it will appear in the middle of the gap.
747
-
748
-
The <<length>> or <<percentage>> cannot be negative.
749
-
750
-
<wpt>
751
-
multicol-gap-000.xht
752
-
multicol-gap-002.xht
753
-
multicol-gap-percentage-001.html
754
-
</wpt>
755
-
756
-
<dt><dfn>normal</dfn>
757
-
<dd>
758
-
Identical to <a value for="column-gap"><length-percentage></a>,
759
-
but with a used value of ''1em''.
760
-
761
-
<wpt>
762
-
multicol-gap-001.xht
763
-
multicol-gap-003.xht
764
-
</wpt>
765
-
</dl>
766
-
767
-
768
-
769
-
770
742
<h3 id='crc'>
771
743
'column-rule-color'</h3>
772
744
@@ -1434,6 +1406,8 @@ This appendix is <em>informative</em>.
1434
1406
1435
1407
<h3 id="changes-from-20180528">Changes from the <a href="https://www.w3.org/TR/2018/WD-css-multicol-1-20180528/">Working Draft (WD) of 28 May 2018</a></h3>
1436
1408
<ul>
1409
+
<li>Moved the definition of the 'column-gap' property to [[CSS3-ALIGN]] and added a paragraph detailing the specifics of 'column-gap' in multicol:
1410
+
<br />"In a multi-column formatting context the used value of normal for the column-gap property is 1em. This ensures columns are readable when the initial values are used. If there is a column rule between columns, it will appear in the middle of the gap." <a href="https://github.com/w3c/csswg-drafts/issues/3641">Resolved 4 June 2019.</a></li>
1437
1411
<li>Reworded the section <a href="#the-multi-column-model">The multi-column model</a>, based on input from Morten Stenshorne in <a href="https://github.com/w3c/csswg-drafts/issues/2203#issuecomment-431695940">issue 2203</a>.</li>
1438
1412
<li>Removed the at-risk marker from the length-percentage value for 'column-gap'. <a href="https://github.com/w3c/csswg-drafts/issues/3988">Resolved 4 June 2019.</a></li>
1439
1413
<li>Added the paragraph "In continuous contexts, this property will only be consulted if the length of columns has been constrained in the block dimension, including min and max constraints (e.g., 'height', 'min-height', 'max-height'). Otherwise, columns will automatically be balanced." This paragraph (without the additional detail regarding min and max constraints) was commented out in 2012, causing an interoperability issue. Also corrected the example of content ending up all in the first column, by adding the height constraint. Resolved <a href="https://github.com/w3c/csswg-drafts/issues/3224#issuecomment-468089503">28 February 2019</a></li>
@@ -1443,6 +1417,7 @@ This appendix is <em>informative</em>.
1443
1417
</ul>
1444
1418
1445
1419
<h3 id="changes-from-20171005">Changes from the <a href="https://www.w3.org/TR/2017/WD-css-multicol-1-20171005/">Working Draft (WD) of 5 October 2017</a></h3>
1420
+
<ul>
1446
1421
<li>Changed references to paged media to refer to fragmented contexts. Resolved <a href="https://github.com/w3c/csswg-drafts/issues/1746#issuecomment-380731574">12 Apr 2018</a>.</li>
1447
1422
<li>Changed a line regarding the <code>column-fill</code> property:
1448
1423
<br><q>In continuous media, this property does not have any effect in
0 commit comments