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-multicol-1/Overview.bs
+16Lines changed: 16 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -333,6 +333,21 @@ The Multi-Column Model</h2>
333
333
All column boxes in a line have the same column width,
334
334
and all column boxes in a line have the same column height.
335
335
336
+
Note: In text set using a vertical writing mode,
337
+
the block direction runs horizontally.
338
+
In a vertical writing mode columns are laid out horizontally,
339
+
and the direction of the flow of blocks may be right to left, or left to right.
340
+
The [=column-width=] property therefore refers to the inline size of the column,
341
+
and not the physical horizontal width.
342
+
343
+
<div class="example">
344
+
<figure>
345
+
<img alt="The first image shows horizontal text with a LTR inline direction. The second shows vertical text with blocks flowing right to left. The third shows vertical text with blocks flowing left to right." src="images/writing-modes.svg">
346
+
<figcaption>A diagram showing the different ways columns may be arranged due to writing mode.
347
+
<br>From left to right: horizontal-tb, vertical-rl, vertical-lr.</figcaption>
348
+
</figure>
349
+
</div>
350
+
336
351
Within each [=multicol line=] in the multi-column container,
337
352
adjacent column boxes are separated by a <dfn noexport>column gap</dfn>,
338
353
which may contain a <dfn noexport>column rule</dfn>.
@@ -1553,6 +1568,7 @@ This appendix is <em>informative</em>.
1553
1568
<li>Added the text, "The margins of two spanners separated only by an absolutely positioned item will collapse with each other,
1554
1569
as absolutely positioned items do not create column boxes." <a href="https://github.com/w3c/csswg-drafts/issues/6265#issuecomment-839909999">Resolved 12 May 2021</a></li>
1555
1570
<li>Adds an accessibility considerations section. <a href="https://github.com/w3c/csswg-drafts/issues/6283">Request from APA after review.</a></li>
1571
+
<li>Adds a note and example to make clear the manner in which columns are laid out in vertical writing modes. <a href="https://github.com/w3c/csswg-drafts/issues/6301">Request from i18n WG after review.</a></li>
1556
1572
</ul>
1557
1573
1558
1574
<h3 id="changes-from-20191015">Changes from the <a href="https://www.w3.org/TR/2019/WD-css-multicol-1-20191015/">Working Draft (WD) of 15 October 2019</a></h3>
0 commit comments