Skip to content

Commit ef804d4

Browse files
committed
Use 'extent' instead of 'length' per Tab's excellent suggestion.
1 parent efc9a19 commit ef804d4

3 files changed

Lines changed: 31 additions & 31 deletions

File tree

css3-writing-modes/Overview.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,15 @@
2828

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

31-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 March 2011</h2>
31+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 March 2011</h2>
3232

3333
<dl>
3434
<dt>This version:
3535

3636
<dd><a
3737
href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
3838
<!--
39-
<dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110325">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110325</a>
39+
<dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110331">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110331</a>
4040
-->
4141

4242

@@ -1700,7 +1700,7 @@ <h3 id=abstract-dimensions><span class=secno>6.1. </span> Logical
17001700
horizontal writing modes and the <i>vertical axis</i> in vertical writing
17011701
modes.
17021702

1703-
<dt><dfn id=length>length</dfn> or <dfn id=logical-height>logical
1703+
<dt><dfn id=extent>extent</dfn> or <dfn id=logical-height>logical
17041704
height</dfn>
17051705

17061706
<dt>
@@ -1852,7 +1852,7 @@ <h3 id=logical-directions><span class=secno>6.4. </span> Flow-relative
18521852
left side/ | ---inline direction ---> | right side/ |
18531853
start side | | | end side |
18541854
| | block * horizontal * | height/
1855-
| | direction *writing mode* | length
1855+
| | direction *writing mode* | extent
18561856
| V | |
18571857
+------------------------------+ V
18581858
bottom side/
@@ -1864,7 +1864,7 @@ <h3 id=logical-directions><span class=secno>6.4. </span> Flow-relative
18641864
<p>A vertical Japanese block (TTB-RL):</p>
18651865

18661866
<pre class=ascii-art>
1867-
&lt;----- width / length ------&gt;
1867+
&lt;----- width / extent ------&gt;
18681868

18691869
top side/
18701870
start side
@@ -1943,7 +1943,7 @@ <h3 id=logical-to-physical><span class=secno>6.5. </span>
19431943

19441944
<tbody>
19451945
<tr>
1946-
<th scope=row>length
1946+
<th scope=row>extent
19471947

19481948
<td colspan=2>height
19491949

@@ -2185,7 +2185,7 @@ <h3 id=dimension-mapping><span class=secno>7.2. </span> Dimensional Mapping</h3>
21852185
height) and to the the start and end margins, padding, and border.
21862186
Likewise the calculation rules in <a
21872187
href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins">CSS2.1
2188-
Section 10.6</a> are used in the block dimension: they apply to the length
2188+
Section 10.6</a> are used in the block dimension: they apply to the extent
21892189
and to the before and after margins, padding, and border. <a href="#CSS21"
21902190
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
21912191

@@ -2211,7 +2211,7 @@ <h3 id=orthogonal-flows><span class=secno>7.3. </span> Orthogonal Flows</h3>
22112211
</ul>
22122212

22132213
<p>To handle the second case, for the purposes of calculating the layout of
2214-
the box, the physical dimensions corresponding to the length and measure
2214+
the box, the physical dimensions corresponding to the extent and measure
22152215
of the containing block are determined using the writing mode of the box
22162216
under consideration, not the writing mode of the element associated with
22172217
the containing block.
@@ -2220,19 +2220,19 @@ <h3 id=orthogonal-flows><span class=secno>7.3. </span> Orthogonal Flows</h3>
22202220
then when calculating the physical height (which is the measure) of the
22212221
child block the physical height of the parent block is used to calculate
22222222
the measure of the child's containing block, even though the physical
2223-
height is the length, not the measure, of the parent block.
2223+
height is the extent, not the measure, of the parent block.
22242224

22252225
<p>It is common in CSS for a containing block to have a defined measure,
2226-
but not a defined length. This typically happens in CSS2.1 when a
2226+
but not a defined extent. This typically happens in CSS2.1 when a
22272227
containing block has an &lsquo;<a href="#auto"><code
22282228
class=css>auto</code></a>&rsquo; height, for example: its width is given
22292229
by the calculations in <a
22302230
href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>, but
2231-
its length depends on its contents. In such cases the <i>available
2232-
measure</i> is defined, but the <i>available length</i> is infinite.
2231+
its extent depends on its contents. In such cases the <i>available
2232+
measure</i> is defined, but the <i>available extent</i> is infinite.
22332233

22342234
<p>Orthogonal flows allow the opposite to happen: for the <i>available
2235-
length</i> to be defined, but the <i>available measure</i> to be infinite.
2235+
extent</i> to be defined, but the <i>available measure</i> to be infinite.
22362236
In such cases a percentage of the containing block measure cannot be
22372237
defined, and thus the initial containing block's measure is used to
22382238
calculate such percentages instead. <span class=issue>Is this definition
@@ -2258,7 +2258,7 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22582258

22592259
<p>If the UA supports CSS Multi-column Layout <a href="#CSS3COL"
22602260
rel=biblioentry>[CSS3COL]<!--{{!CSS3COL}}--></a>, then for the case where
2261-
the available length is defined but the available measure is infinite and
2261+
the available extent is defined but the available measure is infinite and
22622262
the element's measure is unconstrained (is not fixed and has no maximum):
22632263

22642264
<ul>
@@ -2277,7 +2277,7 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22772277

22782278
<li>If the &lsquo;<code class=property>column-width</code>&rsquo; is not
22792279
&lsquo;<a href="#auto"><code class=css>auto</code></a>&rsquo;, the
2280-
available length is used to calculate the column length by subtracting
2280+
available extent is used to calculate the column extent by subtracting
22812281
out the element's margins, borders, and padding in the block dimension
22822282
and flooring the result at zero. The used column-count and the used
22832283
measure of the element then follow from filling the resulting columns

css3-writing-modes/Overview.src.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1237,7 +1237,7 @@ <h3 id="abstract-dimensions">
12371237
<dd>The axis in the inline dimension, i.e. the <i>horizontal
12381238
axis</i> in horizontal writing modes and the <i>vertical axis</i>
12391239
in vertical writing modes.</dd>
1240-
<dt><dfn>length</dfn> or <dfn>logical height</dfn><dt>
1240+
<dt><dfn>extent</dfn> or <dfn>logical height</dfn><dt>
12411241
<dd>A measurement in the block flow dimension: refers to the
12421242
physical height (vertical dimension) in horizontal writing
12431243
modes, and to the physical width (horizontal dimension) in
@@ -1356,7 +1356,7 @@ <h3 id="logical-directions">
13561356
left side/ | ---inline direction ---> | right side/ |
13571357
start side | | | end side |
13581358
| | block * horizontal * | height/
1359-
| | direction *writing mode* | length
1359+
| | direction *writing mode* | extent
13601360
| V | |
13611361
+------------------------------+ V
13621362
bottom side/
@@ -1366,7 +1366,7 @@ <h3 id="logical-directions">
13661366
<div class="example">
13671367
<p>A vertical Japanese block (TTB-RL):</p>
13681368
<pre class="ascii-art">
1369-
&lt;----- width / length ------&gt;
1369+
&lt;----- width / extent ------&gt;
13701370

13711371
top side/
13721372
start side
@@ -1420,7 +1420,7 @@ <h3 id="logical-to-physical">
14201420
</thead>
14211421
<tbody>
14221422
<tr>
1423-
<th scope="row">length</th>
1423+
<th scope="row">extent</th>
14241424
<td colspan="2">height</td>
14251425
<td colspan="8">width</td>
14261426
</tr>
@@ -1599,7 +1599,7 @@ <h3 id="dimension-mapping">
15991599
height) and to the the start and end margins, padding, and border.
16001600
Likewise the calculation rules in
16011601
<a href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins">CSS2.1 Section 10.6</a>
1602-
are used in the block dimension: they apply to the length and to
1602+
are used in the block dimension: they apply to the extent and to
16031603
the before and after margins, padding, and border. [[!CSS21]]
16041604

16051605
<p>As a corollary, percentages on the margin and padding properties,
@@ -1621,28 +1621,28 @@ <h3 id="orthogonal-flows">
16211621

16221622
<p>To handle the second case, for the purposes of calculating the
16231623
layout of the box, the physical dimensions corresponding to the
1624-
length and measure of the containing block are determined
1624+
extent and measure of the containing block are determined
16251625
using the writing mode of the box under consideration, not the
16261626
writing mode of the element associated with the containing block.
16271627

16281628
<p>For example, if a vertical block is placed inside a horizontal
16291629
block, then when calculating the physical height (which is the
16301630
measure) of the child block the physical height of the parent
16311631
block is used to calculate the measure of the child's containing
1632-
block, even though the physical height is the length, not the
1632+
block, even though the physical height is the extent, not the
16331633
measure, of the parent block.</p>
16341634

16351635
<p>It is common in CSS for a containing block to have a defined
1636-
measure, but not a defined length. This typically happens in
1636+
measure, but not a defined extent. This typically happens in
16371637
CSS2.1 when a containing block has an ''auto'' height, for
16381638
example: its width is given by the calculations in
16391639
<a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>,
1640-
but its length depends on its contents. In such cases the
1641-
<i>available measure</i> is defined, but the <i>available length</i>
1640+
but its extent depends on its contents. In such cases the
1641+
<i>available measure</i> is defined, but the <i>available extent</i>
16421642
is infinite.
16431643

16441644
<p>Orthogonal flows allow the opposite to happen: for the
1645-
<i>available length</i> to be defined, but the <i>available
1645+
<i>available extent</i> to be defined, but the <i>available
16461646
measure</i> to be infinite. In such cases a percentage of the
16471647
containing block measure cannot be defined, and thus the
16481648
initial containing block's measure is used to calculate such
@@ -1668,7 +1668,7 @@ <h4 id="orthogonal-multicol">
16681668
Multi-column Layout in Orthogonal Flows</h4>
16691669

16701670
<p>If the UA supports CSS Multi-column Layout [[!CSS3COL]], then
1671-
for the case where the available length is defined but the
1671+
for the case where the available extent is defined but the
16721672
available measure is infinite and the element's measure is
16731673
unconstrained (is not fixed and has no maximum):
16741674

@@ -1680,8 +1680,8 @@ <h4 id="orthogonal-multicol">
16801680
calculated as if the element's containing block were the initial
16811681
containing block, and the rest of the layout is calculated as
16821682
described below for non-''auto'' column widths.
1683-
<li>If the 'column-width' is not ''auto'', the available length is
1684-
used to calculate the column length by subtracting out the element's
1683+
<li>If the 'column-width' is not ''auto'', the available extent is
1684+
used to calculate the column extent by subtracting out the element's
16851685
margins, borders, and padding in the block dimension and flooring
16861686
the result at zero. The used column-count and the used measure of
16871687
the element then follow from filling the resulting columns with the

css3-writing-modes/default.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ div.example:before {
123123
position: absolute;
124124
top: -0.6em;
125125
left: -2.5em;
126-
width: 7.5em;
126+
min-width: 7.5em;
127127
text-align: center;
128128
line-height: 1em;
129129
color: #FFF8DD;
@@ -140,7 +140,7 @@ pre.example:before {
140140
position: absolute;
141141
top: -0.6em;
142142
left: -2.5em;
143-
width: 7.5em;
143+
min-width: 7.5em;
144144
text-align: center;
145145
line-height: 1em;
146146
color: #FFF8DD;

0 commit comments

Comments
 (0)