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
Copy file name to clipboardExpand all lines: css-conditional-3/Overview.bs
-1Lines changed: 0 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,6 @@ Abstract: This module contains the features of CSS for conditional processing of
19
19
conditional processing.
20
20
At Risk: The inclusion of @font-face rules and @keyframes rules as allowed within all of the @-rules in this specification is at risk, though only because of the relative rates of advancement of specifications. If this specification is able to advance faster than one or both of the specifications defining those rules, then the inclusion of those rules will move from this specification to the specification defining those rules.
21
21
At Risk: The addition of support for @-rules inside of conditional grouping rules is at risk; if interoperable implementations are not found, it may be removed to advance the other features in this specification to Proposed Recommendation.
22
-
At Risk: The @supports rule is at risk; if interoperable implementations are not found, it may be removed to advance the other features in this specification to Proposed Recommendation.
Changes since the <a href="https://hg.csswg.org/drafts/raw-file/6a5c44d11c2b/css-gcpm/Overview.html">24 September 2013 Editor’s Draft</a> are:
899
+
Changes since the <a href="http://www.w3.org/TR/2014/WD-css-gcpm-3-20140513/">13 May 2014 Working Draft</a>:
900
+
901
+
<ul>
902
+
<li>Clarify that bookmark is only created via 'bookmark-level' property. Remove <css>none</css> value from 'bookmark-label'.</li>
903
+
<li>Move the cross references, leaders, and bookmarks sections to the <a href="https://www.w3.org/TR/css-content-3/">CSS Generated Content Module</a>.</li>
904
+
</ul>
905
+
906
+
907
+
Changes since the <a href="https://hg.csswg.org/drafts/raw-file/6a5c44d11c2b/css-gcpm/Overview.html">24 September 2013 Editor’s Draft</a>:
900
908
901
909
902
910
<ul>
@@ -913,7 +921,8 @@ h6 { bookmark-level: 6 }
913
921
914
922
915
923
</ul>
916
-
In addition to the above changes, many other changes have been made since the <a href="https://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">29 November 2011 Working Draft</a>:
924
+
925
+
Changes since the <a href="https://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">29 November 2011 Working Draft</a>:
At Risk: column-gap accepting <<length-percentage>> instead of <<length>>
26
26
</pre>
27
27
<pre class="link-defaults">
28
-
spec:css22; type:dfn; text: table wrapper box
28
+
spec:css-sizing-3; type:property; text:min-height
29
29
</pre>
30
30
31
31
<style type="text/css">
@@ -51,13 +51,9 @@ Introduction</h2>
51
51
that the content of an element is to be laid out in multiple
52
52
columns.
53
53
54
-
On the Web, tables have also been used to describe multi-column
55
-
layouts. The main benefit of using CSS-based columns is flexibility;
56
-
content can flow from one column to another, and the number of columns
57
-
can vary depending on the size of the viewport. Removing presentation
58
-
table markup from documents allows them to more easily be presented on
59
-
various output devices including speech synthesizers and small mobile
60
-
devices.
54
+
Other layout methods in CSS, when applied to a parent element, change the display properties of the direct children. For example if a three column grid layout is created, the direct children of the grid container become grid items and are placed into the column tracks, one element per cell with additional rows created as needed.
55
+
56
+
The child elements of a multi-column container however continue in normal flow, that flow is arranged into a number of columns. These columns have a flexible inline size, and therefore respond to available space by changing the size or number of columns displayed.
61
57
62
58
Multi-column layouts are easy to describe in CSS. Here is a simple example:
63
59
@@ -586,7 +582,7 @@ Two assumptions are being made by the pseudo-algorithm:
586
582
(11) W := max(0, ((U + column-gap)/N - column-gap))
587
583
</pre>
588
584
589
-
For the purpose of finding the number of auto-repeated tracks, the UA must floor the track size to a UA-specified value to avoid division by zero. It is suggested that this floor be 1px or less.
585
+
For the purpose of finding the number of auto-repeated columns, the UA must floor the column size to a UA-specified value to avoid division by zero. It is suggested that this floor be 1px or less.
590
586
591
587
In fragmented contexts such as in paged media, user agents may perform this calculation on a
592
588
per-fragment basis.
@@ -1147,25 +1143,21 @@ Filling columns</h2>
1147
1143
<wpt>
1148
1144
multicol-fill-auto-001.xht
1149
1145
multicol-fill-auto-002.xht
1150
-
multicol-fill-auto-003.xht
1151
1146
multicol-fill-auto-block-children-001.xht
1152
1147
multicol-fill-auto-block-children-002.xht
1153
1148
multicol-fill-balance-001.xht
1154
1149
</wpt>
1155
1150
</dl>
1156
1151
1157
-
<!--
1158
1152
In continuous contexts, this property will only be consulted if the
1159
-
length of columns has been constrained. Otherwise, columns will
1153
+
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
1160
1154
automatically be balanced.
1161
-
-->
1162
1155
1163
-
In continuous contexts, this property does not have any effect when there are overflow columns.
1156
+
<wpt>
1157
+
multicol-fill-auto-003.xht
1158
+
</wpt>
1164
1159
1165
-
<!--
1166
-
In fragmented contexts, this property will only have
1167
-
effect on the last fragment the multicol container appears in.
1168
-
-->
1160
+
In continuous contexts, this property does not have any effect when there are overflow columns.
1169
1161
1170
1162
<div class="example">
1171
1163
In this example, an article only has one short paragraph which fits
@@ -1189,12 +1181,12 @@ Filling columns</h2>
1189
1181
</div>
1190
1182
1191
1183
<div class="example">
1192
-
In this example, column balancing is turned off:
1184
+
In this example, column balancing is turned off, and the article has a height:
1193
1185
1194
1186
<pre highlight="css">
1195
1187
article {
1196
1188
width: 60em;
1197
-
height: auto;
1189
+
height: 4em;
1198
1190
columns: 4;
1199
1191
column-fill: auto;
1200
1192
}
@@ -1416,8 +1408,15 @@ Pagination and overflow outside multicol containers</h3>
1416
1408
1417
1409
This appendix is <em>informative</em>.
1418
1410
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>
1411
+
<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>
1420
1412
<ul>
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>
1414
+
<li>Updated the introduction to remove mention of the benefits of multicol over using tables for layout and instead refer to the unique characteristics of multicol. Editorial change referenced in <a href="https://github.com/w3c/csswg-drafts/issues/3654">issue 3654</a>.</li>
1415
+
<li>Changed the sentence added in the pseudo-algorithm section after the 7 Jan 2016 resolution, to refer to <em>columns</em> and not <em>tracks</em> as tracks are not defined in this specification. Resolved <a href="https://github.com/w3c/csswg-drafts/issues/3649#issuecomment-472505520">13 March 2019</a>.</li>
1416
+
<li>Changes and clarifications to the SVG images used in the specification.</li>
1417
+
</ul>
1418
+
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>
1421
1420
<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>
1422
1421
<li>Changed a line regarding the <code>column-fill</code> property:
1423
1422
<br><q>In continuous media, this property does not have any effect in
0 commit comments