|
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 18 November |
| 30 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 November |
31 | 31 | 2010</h2> |
32 | 32 |
|
33 | 33 | <dl> |
@@ -965,24 +965,27 @@ <h3 id=vertical-layout><span class=secno>4.1. </span>Box Layout in Vertical |
965 | 965 | horizontal writing modes, following the principles outlined below: |
966 | 966 |
|
967 | 967 | <ul> |
968 | | - <li>Calculations that refer to the width use height instead, and vice |
969 | | - versa. See <a href="#dimensions">Logical vs Physical Dimensions</a> for |
970 | | - details. |
971 | | - |
972 | | - <li>Calculations that refer to the ‘<code |
| 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 |
973 | 976 | class=css>*-left</code>’ and ‘<code |
974 | 977 | class=css>*-right</code>’ box properties (border, margin, padding) |
975 | 978 | use ‘<code class=css>*-top</code>’ and ‘<code |
976 | 979 | class=css>*-bottom</code>’ instead, and vice versa. See <a |
977 | 980 | href="#logical-directions">Logical Directions</a> for a fuller discussion |
978 | | - of such direction-mapping. |
| 981 | + of such directional swapping. |
979 | 982 |
|
980 | | - <li>Layout effects that depend on the ‘<a href="#direction0"><code |
| 983 | + <li>Layout rules that depend on the ‘<a href="#direction0"><code |
981 | 984 | class=property>direction</code></a>’ property to choose between |
982 | 985 | left and right (e.g. overflow, overconstraint resolution, the initial |
983 | 986 | value for ‘<code class=property>text-align</code>’, table |
984 | 987 | column ordering) are abstracted to the <a href="#start">start</a> and <a |
985 | | - href="#end">end</a> sides and mapped appropriately. |
| 988 | + href="#end">end</a> sides and applied appropriately. |
986 | 989 | </ul> |
987 | 990 |
|
988 | 991 | <p>For features such as text alignment, floating, and list marker |
|
0 commit comments