Skip to content

Commit 7af1172

Browse files
committed
[css-multicol] The column-gap property is now defined in CSS-ALIGN. Fixes #3641
1 parent e9eb040 commit 7af1172

File tree

1 file changed

+17
-42
lines changed

1 file changed

+17
-42
lines changed

css-multicol-1/Overview.bs

+17-42
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,8 @@ Link Defaults: css-color (property) color, css2 (property) max-height, css-backg
2626
<pre class="link-defaults">
2727
spec:css-sizing-3; type:property; text:min-height
2828
spec:css-break-4; type:dfn; text:fragment
29+
spec:css-align-3; type:property; text:column-gap
30+
spec:css-align-3; type:value; for:column-gap; text:normal
2931
</pre>
3032

3133
<style type="text/css">
@@ -713,16 +715,13 @@ Column gaps and rules</h2>
713715
<h3 id='cg'>
714716
'column-gap'</h3>
715717

716-
<pre class=propdef>
717-
Name: column-gap
718-
Value: <<length-percentage>> | normal
719-
Initial: normal
720-
Applies to: <a>multicol containers</a>
721-
Inherited: no
722-
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.
726725

727726
<wpt>
728727
multicol-gap-animation-001.html
@@ -733,40 +732,13 @@ Column gaps and rules</h2>
733732
multicol-gap-large-001.xht
734733
multicol-gap-large-002.xht
735734
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
736740
</wpt>
737741

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">&lt;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-
770742
<h3 id='crc'>
771743
'column-rule-color'</h3>
772744

@@ -1434,6 +1406,8 @@ This appendix is <em>informative</em>.
14341406

14351407
<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>
14361408
<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>
14371411
<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>
14381412
<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>
14391413
<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>.
14431417
</ul>
14441418

14451419
<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>
14461421
<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>
14471422
<li>Changed a line regarding the <code>column-fill</code> property:
14481423
<br><q>In continuous media, this property does not have any effect in

0 commit comments

Comments
 (0)