@@ -141,12 +141,12 @@ Introduction to Writing Modes</h2>
141
141
Module Interactions</h3>
142
142
143
143
<p> This module replaces and extends the 'unicode-bidi' and 'direction'
144
- features defined in [[!CSS21 ]] sections 8.6 and 9.10.
144
+ features defined in [[!CSS2 ]] sections 8.6 and 9.10.
145
145
146
146
<h3 id="values">
147
147
Value Types and Terminology</h3>
148
148
149
- This specification follows the <a href="https://www.w3.org/TR/CSS21 /about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]] .
149
+ This specification follows the <a href="https://www.w3.org/TR/CSS2 /about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]] .
150
150
Value types not defined in this specification are defined in CSS Values & Units [[!CSS-VALUES-3]] .
151
151
Other CSS modules may expand the definitions of these value types.
152
152
@@ -156,7 +156,7 @@ Value Types and Terminology</h3>
156
156
For readability they have not been repeated explicitly.
157
157
158
158
<p> Other important terminology and concepts used in this specification
159
- are defined in [[!CSS21 ]] and [[!CSS-TEXT-3]] .
159
+ are defined in [[!CSS2 ]] and [[!CSS-TEXT-3]] .
160
160
161
161
<span id="bidi"></span>
162
162
<h2 id="text-direction">
@@ -225,8 +225,8 @@ Specifying Directionality: the 'direction' property</h3>
225
225
of any bidi paragraph, embedding, isolate, or override established by the box.
226
226
(See 'unicode-bidi' .) <!-- except plaintext -->
227
227
In addition, it informs the ordering of
228
- <a href="https://www.w3.org/TR/CSS21 /tables.html">table</a> column layout,
229
- the direction of horizontal <a href="https://www.w3.org/TR/CSS21 /visufx.html#overflow">overflow</a> ,
228
+ <a href="https://www.w3.org/TR/CSS2 /tables.html">table</a> column layout,
229
+ the direction of horizontal <a href="https://www.w3.org/TR/CSS2 /visufx.html#overflow">overflow</a> ,
230
230
and the default alignment of text within a line, and other layout effects
231
231
that depend on the box's inline base direction.</p>
232
232
@@ -1047,7 +1047,7 @@ Text Baselines</h3>
1047
1047
<h3 id="replaced-baselines">
1048
1048
Atomic Inline Baselines</h3>
1049
1049
1050
- <p> If an <a href="https://www.w3.org/TR/CSS21 /visuren.html#inline-boxes">atomic
1050
+ <p> If an <a href="https://www.w3.org/TR/CSS2 /visuren.html#inline-boxes">atomic
1051
1051
inline</a> (such as an inline-block, inline-table, or replaced inline element)
1052
1052
does not have a baseline,
1053
1053
then the UA synthesizes a baseline table thus:
@@ -1060,7 +1060,7 @@ Atomic Inline Baselines</h3>
1060
1060
<i> under</i> and <i> over</i> margin edges of the box.
1061
1061
</dl>
1062
1062
1063
- <p class="note"> The 'vertical-align' property in [[!CSS21 ]] defines the baseline of
1063
+ <p class="note"> The 'vertical-align' property in [[!CSS2 ]] defines the baseline of
1064
1064
inline-table and inline-block boxes with some exceptions.
1065
1065
1066
1066
<h3 id="baseline-alignment">
@@ -1443,7 +1443,7 @@ Obsolete: the SVG1.1 'glyph-orientation-vertical' property</h4>
1443
1443
<h2 id="abstract-box">
1444
1444
Abstract Box Terminology</h2>
1445
1445
1446
- <p> CSS2.1 [[!CSS21 ]] defines the box layout model of CSS in detail,
1446
+ <p> CSS2.1 [[!CSS2 ]] defines the box layout model of CSS in detail,
1447
1447
but only for the ''horizontal-tb'' writing mode. Layout is analogous
1448
1448
in writing modes other than ''horizontal-tb'' ; however directional
1449
1449
and dimensional terms in CSS2.1 must be abstracted and remapped
@@ -1863,10 +1863,10 @@ Dimensional Mapping</h3>
1863
1863
<ul>
1864
1864
<li> The ''repeat-x'' keyword of 'background-repeat' tiles in the
1865
1865
inline dimension of the element, which is not necessarily the
1866
- horizontal dimension. [[!CSS21 ]] [[!CSS3BG]]
1866
+ horizontal dimension. [[!CSS2 ]] [[!CSS3BG]]
1867
1867
<li> The ''repeat-y'' keyword of 'background-repeat' tiles in the
1868
1868
block flow dimension of the element, which is not necessarily
1869
- the vertical dimension. [[!CSS21 ]] [[!CSS3BG]]
1869
+ the vertical dimension. [[!CSS2 ]] [[!CSS3BG]]
1870
1870
<li> The 'overflow-x' property controls overflow in the inline
1871
1871
dimension of the element. [[!CSS3UI]]
1872
1872
<li> The 'overflow-y' property controls overflow in the block
@@ -1879,9 +1879,9 @@ Dimensional Mapping</h3>
1879
1879
<li> The first and second values of the 'border-spacing' property
1880
1880
represent spacing between columns and rows respectively, not
1881
1881
necessarily the horizontal and vertical spacing respectively.
1882
- [[!CSS21 ]]
1882
+ [[!CSS2 ]]
1883
1883
<li> The 'line-height' property always refers to the logical
1884
- height. [[!CSS21 ]]
1884
+ height. [[!CSS2 ]]
1885
1885
</ul>
1886
1886
1887
1887
<p> The height properties ('height' , 'min-height' , and 'max-height' )
@@ -1890,15 +1890,15 @@ Dimensional Mapping</h3>
1890
1890
the rules used to calculate box dimensions and positions are logical.
1891
1891
1892
1892
<p> For example, the calculation rules in
1893
- <a href="https://www.w3.org/TR/CSS21 /visudet.html#Computing_widths_and_margins">CSS2.1 Section 10.3</a>
1893
+ <a href="https://www.w3.org/TR/CSS2 /visudet.html#Computing_widths_and_margins">CSS2.1 Section 10.3</a>
1894
1894
are used for the inline dimension measurements:
1895
1895
they apply to the <i> inline size</i> (which could be either the physical width or physical height)
1896
1896
and to the <i> inline-start</i> and <i> inline-end</i> margins, padding, and border.
1897
1897
Likewise the calculation rules in
1898
- <a href="https://www.w3.org/TR/CSS21 /visudet.html#Computing_heights_and_margins">CSS2.1 Section 10.6</a>
1898
+ <a href="https://www.w3.org/TR/CSS2 /visudet.html#Computing_heights_and_margins">CSS2.1 Section 10.6</a>
1899
1899
are used in the block dimension:
1900
1900
they apply to the <i> block size</i>
1901
- and to the <i> block-start</i> and <i> block-end</i> margins, padding, and border. [[!CSS21 ]]
1901
+ and to the <i> block-start</i> and <i> block-end</i> margins, padding, and border. [[!CSS2 ]]
1902
1902
1903
1903
<p> As a corollary, percentages on the margin and padding properties,
1904
1904
which are always calculated with respect to the containing block
@@ -2002,7 +2002,7 @@ Available Space in Orthogonal Flows</h4>
2002
2002
This typically happens in CSS2.1
2003
2003
when a containing block has an ''height/auto'' height,
2004
2004
for example: its width is given by the calculations in
2005
- <a href="https://www.w3.org/TR/CSS21 /visudet.html#blockwidth">10.3.3</a> ,
2005
+ <a href="https://www.w3.org/TR/CSS2 /visudet.html#blockwidth">10.3.3</a> ,
2006
2006
but its <i> block size</i> depends on its contents.
2007
2007
In such cases the <i> available inline space</i> is defined
2008
2008
as the <i> inline size</i> of the containing block;
@@ -2068,11 +2068,11 @@ Flow-Relative Mappings</h3>
2068
2068
2069
2069
<p> For example, the margin that is dropped when a box's inline
2070
2070
dimension is
2071
- <a href="https://www.w3.org/TR/CSS21 /visudet.html#blockwidth">over-constrained</a>
2071
+ <a href="https://www.w3.org/TR/CSS2 /visudet.html#blockwidth">over-constrained</a>
2072
2072
is the end margin as determined by the writing mode of the
2073
2073
containing block.
2074
2074
2075
- <p> The <a href="https://www.w3.org/TR/CSS21 /box.html#collapsing-margins">margin
2075
+ <p> The <a href="https://www.w3.org/TR/CSS2 /box.html#collapsing-margins">margin
2076
2076
collapsing rules</a> apply exactly with the <em><i> block-start</i>
2077
2077
margin</em> substituted for the top margin and the
2078
2078
<em><i> block-end</i> margin</em> substituted for the bottom margin.
@@ -2112,17 +2112,17 @@ Line-Relative Mappings</h3>
2112
2112
to interpret the <css> left</css> and <css> right</css> values of the
2113
2113
following properties:
2114
2114
<ul>
2115
- <li> the 'text-align' property [[!CSS21 ]]
2115
+ <li> the 'text-align' property [[!CSS2 ]]
2116
2116
</ul>
2117
2117
2118
2118
<p> The <i> line-right</i> and <i> line-left</i> directions are calculated
2119
2119
with respect to the writing mode of the <em> containing
2120
2120
block</em> of the box and used to interpret the <css> left</css>
2121
2121
and <css> right</css> values of the following properties:
2122
2122
<ul>
2123
- <li> the 'float' property [[!CSS21 ]]
2124
- <li> the 'clear' property [[!CSS21 ]]
2125
- <li> the 'caption-side' property [[!CSS21 ]]
2123
+ <li> the 'float' property [[!CSS2 ]]
2124
+ <li> the 'clear' property [[!CSS2 ]]
2125
+ <li> the 'caption-side' property [[!CSS2 ]]
2126
2126
</ul>
2127
2127
2128
2128
<p> The <i> over</i> and <i> under</i> directions are calculated with respect to
@@ -2135,10 +2135,10 @@ Line-Relative Mappings</h3>
2135
2135
the "top" of the line box is its <i> over</i> edge;
2136
2136
the "bottom" of the line box is its under edge.
2137
2137
Positive length and percentage values
2138
- shift the baseline towards the <i> line-over</i> edge. [[!CSS21 ]]
2138
+ shift the baseline towards the <i> line-over</i> edge. [[!CSS2 ]]
2139
2139
<li> For the 'text-decoration' property,
2140
2140
the underline is drawn on the <i> under</i> side of the text;
2141
- the overline is drawn on the <i> over</i> side of the text. [[!CSS21 ]]
2141
+ the overline is drawn on the <i> over</i> side of the text. [[!CSS2 ]]
2142
2142
<span class="note"> Note that the CSS Text Decoration Module defines
2143
2143
this in more detail and provides additional controls for
2144
2144
controlling the position of underlines and overlines.
@@ -2152,8 +2152,8 @@ Purely Physical Mappings</h3>
2152
2152
and do not respond to changes in writing mode:
2153
2153
2154
2154
<ul>
2155
- <li> the ''rect()'' notation of the 'clip' property [[!CSS21 ]]
2156
- <li> the background properties [[!CSS21 ]] [[!CSS3BG]]
2155
+ <li> the ''rect()'' notation of the 'clip' property [[!CSS2 ]]
2156
+ <li> the background properties [[!CSS2 ]] [[!CSS3BG]]
2157
2157
<li> the border-image properties [[!CSS3BG]]
2158
2158
<li> the offsets of the 'box-shadow' and 'text-shadow' properties
2159
2159
</ul>
0 commit comments