Skip to content

Commit d5699c4

Browse files
committed
More 4.1 tweaking
1 parent 80f3eb3 commit d5699c4

2 files changed

Lines changed: 31 additions & 25 deletions

File tree

css3-writing-modes/Overview.html

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727

2828
<h1>CSS Writing Modes Module Level 3</h1>
2929

30-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 November
30+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 November
3131
2010</h2>
3232

3333
<dl>
@@ -962,23 +962,26 @@ <h3 id=vertical-layout><span class=secno>4.1. </span>Box Layout in Vertical
962962
Writing Modes</h3>
963963

964964
<p>CSS box layout in vertical writing modes is analogous to layout in the
965-
horizontal writing modes, following the principles outlined below:
965+
horizontal writing modes, following the principles outlined below. See <a
966+
href="#abstract-layout">Abstract Box layout</a> for a more complete
967+
discussion.
968+
969+
<p>Layout calculation rules (such as those in CSS2.1, Section 10.3) that
970+
apply to the horizontal dimension in horizontal writing modes instead
971+
apply to the vertical dimension in vertical writing modes. Likewise,
972+
layout calculation rules (such as those in CSS2.1, Section 10.6) that
973+
apply to the vertical dimension in horizontal writing modes instead apply
974+
to the horizontal dimension in vertical writing modes. Thus:
966975

967976
<ul>
968-
<li>Layout calculation rules applied to the horizontal dimension in
969-
horizontal writing modes apply to the vertical dimension in vertical
970-
writing modes. Likewise, layout calculation rules applied to the vertical
971-
dimension in horizontal writing modes apply to the horizontal dimension
972-
in vertical writing modes. See <a href="#dimensions">Logical vs Physical
973-
Dimensions</a> for details.
974-
975-
<li>Layout calculation rules that refer to the &lsquo;<code
977+
<li>Layout rules that refer to the width use the height instead, and vice
978+
versa.
979+
980+
<li>Layout rules that refer to the &lsquo;<code
976981
class=css>*-left</code>&rsquo; and &lsquo;<code
977982
class=css>*-right</code>&rsquo; box properties (border, margin, padding)
978983
use &lsquo;<code class=css>*-top</code>&rsquo; and &lsquo;<code
979-
class=css>*-bottom</code>&rsquo; instead, and vice versa. See <a
980-
href="#logical-directions">Logical Directions</a> for a fuller discussion
981-
of such directional swapping.
984+
class=css>*-bottom</code>&rsquo; instead, and vice versa.
982985

983986
<li>Layout rules that depend on the &lsquo;<a href="#direction0"><code
984987
class=property>direction</code></a>&rsquo; property to choose between

css3-writing-modes/Overview.src.html

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -668,20 +668,23 @@ <h2 id="writing-mode">Block Flow Direction: the 'writing-mode' property</h2>
668668
<h3 id="vertical-layout">Box Layout in Vertical Writing Modes</h3>
669669

670670
<p>CSS box layout in vertical writing modes is analogous to layout in
671-
the horizontal writing modes, following the principles outlined below:
672-
671+
the horizontal writing modes, following the principles outlined below.
672+
See <a href="#abstract-layout">Abstract Box layout</a> for a more
673+
complete discussion.
674+
675+
<p>Layout calculation rules (such as those in CSS2.1, Section 10.3)
676+
that apply to the horizontal dimension in horizontal writing modes
677+
instead apply to the vertical dimension in vertical writing modes.
678+
Likewise, layout calculation rules (such as those in CSS2.1, Section 10.6)
679+
that apply to the vertical dimension in horizontal writing modes
680+
instead apply to the horizontal dimension in vertical writing modes.
681+
Thus:
673682
<ul>
674-
<li>Layout calculation rules applied to the horizontal dimension in
675-
horizontal writing modes apply to the vertical dimension in vertical
676-
writing modes. Likewise, layout calculation rules applied to the
677-
vertical dimension in horizontal writing modes apply to the horizontal
678-
dimension in vertical writing modes. See <a href="#dimensions">Logical vs
679-
Physical Dimensions</a> for details.</li>
680-
<li>Layout calculation rules that refer to the '*-left' and '*-right'
681-
box properties (border, margin, padding) use '*-top' and '*-bottom'
683+
<li>Layout rules that refer to the width use the height instead,
684+
and vice versa.
685+
<li>Layout rules that refer to the '*-left' and '*-right' box
686+
properties (border, margin, padding) use '*-top' and '*-bottom'
682687
instead, and vice versa.
683-
See <a href="#logical-directions">Logical Directions</a> for a fuller
684-
discussion of such directional swapping.
685688
<li>Layout rules that depend on the 'direction' property to choose between
686689
left and right (e.g. overflow, overconstraint resolution, the initial
687690
value for 'text-align', table column ordering)

0 commit comments

Comments
 (0)