|
27 | 27 |
|
28 | 28 | <h1>CSS Writing Modes Module Level 3</h1> |
29 | 29 |
|
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 |
31 | 31 | 2010</h2> |
32 | 32 |
|
33 | 33 | <dl> |
@@ -962,23 +962,26 @@ <h3 id=vertical-layout><span class=secno>4.1. </span>Box Layout in Vertical |
962 | 962 | Writing Modes</h3> |
963 | 963 |
|
964 | 964 | <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: |
966 | 975 |
|
967 | 976 | <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 ‘<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 ‘<code |
976 | 981 | class=css>*-left</code>’ and ‘<code |
977 | 982 | class=css>*-right</code>’ box properties (border, margin, padding) |
978 | 983 | use ‘<code class=css>*-top</code>’ and ‘<code |
979 | | - class=css>*-bottom</code>’ 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>’ instead, and vice versa. |
982 | 985 |
|
983 | 986 | <li>Layout rules that depend on the ‘<a href="#direction0"><code |
984 | 987 | class=property>direction</code></a>’ property to choose between |
|
0 commit comments