@@ -8089,9 +8089,7 @@ <h3>9.3.2 <a name="position-props">Box offsets</a>: <a href="visuren.html#propde
8089
8089
<tr valign=baseline><td><em>Inherited:</em> <td>no
8090
8090
<tr valign=baseline><td><em>Percentages:</em> <td>refer to height of containing block
8091
8091
<tr valign=baseline><td><em>Media:</em> <td><a href="media.html#visual-media-group" class="noxref">visual</a>
8092
- <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:relative', see section
8093
- <a href="visuren.html#relative-positioning">Relative
8094
- Positioning.</a> For 'position:static', 'auto'. Otherwise: if
8092
+ <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:static', 'auto'. Otherwise: if
8095
8093
specified as a length, the corresponding absolute length; if
8096
8094
specified as a percentage, the specified value; otherwise, 'auto'.
8097
8095
</table>
@@ -8119,9 +8117,7 @@ <h3>9.3.2 <a name="position-props">Box offsets</a>: <a href="visuren.html#propde
8119
8117
<tr valign=baseline><td><em>Inherited:</em> <td>no
8120
8118
<tr valign=baseline><td><em>Percentages:</em> <td>refer to width of containing block
8121
8119
<tr valign=baseline><td><em>Media:</em> <td><a href="media.html#visual-media-group" class="noxref">visual</a>
8122
- <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:relative', see section
8123
- <a href="visuren.html#relative-positioning">Relative
8124
- Positioning.</a> For 'position:static', 'auto'. Otherwise: if
8120
+ <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:static', 'auto'. Otherwise: if
8125
8121
specified as a length, the corresponding absolute length; if
8126
8122
specified as a percentage, the specified value; otherwise,
8127
8123
'auto'.
@@ -8148,9 +8144,7 @@ <h3>9.3.2 <a name="position-props">Box offsets</a>: <a href="visuren.html#propde
8148
8144
<tr valign=baseline><td><em>Inherited:</em> <td>no
8149
8145
<tr valign=baseline><td><em>Percentages:</em> <td>refer to height of containing block
8150
8146
<tr valign=baseline><td><em>Media:</em> <td><a href="media.html#visual-media-group" class="noxref">visual</a>
8151
- <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:relative', see section
8152
- <a href="visuren.html#relative-positioning">Relative
8153
- Positioning.</a> For 'position:static', 'auto'. Otherwise: if
8147
+ <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:static', 'auto'. Otherwise: if
8154
8148
specified as a length, the corresponding absolute length; if
8155
8149
specified as a percentage, the specified value; otherwise, 'auto'.
8156
8150
</table>
@@ -8176,9 +8170,7 @@ <h3>9.3.2 <a name="position-props">Box offsets</a>: <a href="visuren.html#propde
8176
8170
<tr valign=baseline><td><em>Inherited:</em> <td>no
8177
8171
<tr valign=baseline><td><em>Percentages:</em> <td>refer to width of containing block
8178
8172
<tr valign=baseline><td><em>Media:</em> <td><a href="media.html#visual-media-group" class="noxref">visual</a>
8179
- <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:relative', see section
8180
- <a href="visuren.html#relative-positioning">Relative
8181
- Positioning.</a> For 'position:static', 'auto'. Otherwise: if
8173
+ <tr valign=baseline><td><em>Computed value:</em> <td>for 'position:static', 'auto'. Otherwise: if
8182
8174
specified as a length, the corresponding absolute length; if
8183
8175
specified as a percentage, the specified value; otherwise,
8184
8176
'auto'.
@@ -8451,16 +8443,16 @@ <h3>9.4.3 <a name="relative-positioning">Relative positioning</a></h3>
8451
8443
box(es) horizontally, without changing their size. 'left' moves the
8452
8444
boxes to the right, and 'right' moves them to the left. Since boxes
8453
8445
are not split or stretched as a result of 'left' or 'right', the
8454
- computed values are always: left = -right.
8446
+ used values are always: left = -right.
8455
8447
</p>
8456
8448
<p>If both 'left' and 'right' are 'auto' (their initial values), the
8457
- computed values are '0' (i.e., the boxes stay in their original
8449
+ used values are '0' (i.e., the boxes stay in their original
8458
8450
position).
8459
8451
</p>
8460
- <p>If 'left' is 'auto', its computed value is minus the value of 'right'
8452
+ <p>If 'left' is 'auto', its used value is minus the value of 'right'
8461
8453
(i.e., the boxes move to the left by the value of 'right').
8462
8454
</p>
8463
- <p>If 'right' is specified as 'auto', its computed value is minus the
8455
+ <p>If 'right' is specified as 'auto', its used value is minus the
8464
8456
value of 'left'.
8465
8457
</p>
8466
8458
<p>If neither 'left' nor 'right' is 'auto', the position is
@@ -8481,10 +8473,10 @@ <h3>9.4.3 <a name="relative-positioning">Relative positioning</a></h3>
8481
8473
element(s) up or down without changing their size. 'top' moves the
8482
8474
boxes down, and 'bottom' moves them up. Since boxes
8483
8475
are not split or stretched as a result of 'top' or 'bottom', the
8484
- computed values are always: top = -bottom.
8485
- If both are 'auto', their computed values are both '0'. If one of them is
8476
+ used values are always: top = -bottom.
8477
+ If both are 'auto', their used values are both '0'. If one of them is
8486
8478
'auto', it becomes the negative of the other. If neither is 'auto',
8487
- 'bottom' is ignored (i.e., the computed value of 'bottom' will be
8479
+ 'bottom' is ignored (i.e., the used value of 'bottom' will be
8488
8480
minus the value of 'top').
8489
8481
</p>
8490
8482
@@ -9550,7 +9542,7 @@ <h3>9.9.1 <a name="z-index">Specifying the stack level</a>: the <a href="visuren
9550
9542
<li>the in-flow, inline-level, non-positioned descendants, including
9551
9543
inline tables and inline blocks.
9552
9544
9553
- <li>the stacking contexts with stack level 0, and the positioned
9545
+ <li>the child stacking contexts with stack level 0, and the positioned
9554
9546
descendants with 'z-index: auto'.
9555
9547
9556
9548
<li>the child stacking contexts with positive stack levels (least
@@ -11378,11 +11370,12 @@ <h3>10.8.1 <a name="leading">Leading and half-leading</a></h3>
11378
11370
is composed of <a href="visuren.html#inline-level">inline-level</a>
11379
11371
elements, 'line-height' specifies the <em>minimal</em> height of line boxes
11380
11372
within the element. The minimum height consists of a minimum height above
11381
- the block's baseline and a minimum depth below it, exactly as if each
11373
+ the baseline and a minimum depth below it, exactly as if each
11382
11374
line box starts with a <a name="strut">zero-width inline box with the
11383
- block 's font and line height properties (what T<sub>E</sub>X calls a
11384
- "strut").</a>
11375
+ element 's font and line height properties.</a> We call that imaginary
11376
+ box a "strut." (The name is inspired by TeX.).
11385
11377
</p>
11378
+
11386
11379
<p>The height and depth of the font above and below the baseline are
11387
11380
assumed to be metrics that are contained in the font. (For more
11388
11381
details, see CSS level 3.)
@@ -14422,7 +14415,7 @@ <h2>15.2 <a name="algorithm">Font matching algorithm</a></h2>
14422
14415
<ol>
14423
14416
14424
14417
<li>The User Agent makes (or accesses) a database of relevant CSS 2.1
14425
- properties of all the fonts of which the UA is aware.
14418
+ properties of all the fonts of which the UA is aware.
14426
14419
If there are two fonts with exactly the same properties, the user
14427
14420
agent selects one of them.
14428
14421
</li>
@@ -14471,7 +14464,7 @@ <h2>15.2 <a name="algorithm">Font matching algorithm</a></h2>
14471
14464
font labeled as 'small-caps', (2) a font in which the small caps are
14472
14465
synthesized, or (3) a font where all lowercase letters are replaced by
14473
14466
upper case letters. A small-caps font may be synthesized by
14474
- electronically scaling uppercase letters from a normal font.
14467
+ electronically scaling uppercase letters from a normal font.
14475
14468
'normal' matches a font's normal (non-small-caps) variant. A font cannot fail to have a normal variant. A font
14476
14469
that is only available as small-caps shall be selectable as either a 'normal' face or a 'small-caps' face.
14477
14470
</li>
@@ -14482,7 +14475,7 @@ <h2>15.2 <a name="algorithm">Font matching algorithm</a></h2>
14482
14475
UA-dependent margin of tolerance. (Typically, sizes for scalable fonts
14483
14476
are rounded to the nearest whole pixel, while the tolerance for
14484
14477
bitmapped fonts could be as large as 20%.) Further computations, e.g.,
14485
- by 'em' values in other properties, are based on
14478
+ by 'em' values in other properties, are based on
14486
14479
the computed value of 'font-size'.
14487
14480
</li>
14488
14481
@@ -14558,23 +14551,39 @@ <h2>15.3 <a name="font-family-prop">Font family</a>: the <a href="fonts.html#pro
14558
14551
</dd>
14559
14552
</dl>
14560
14553
14561
- <p>If an unquoted font family name contains
14562
- parentheses, brackets, and/or braces, they must still be
14563
- escaped per CSS grammar rules. Similarly, quotation marks (both single and double), semicolons,
14564
- exclamation marks, commas, and leading slashes within unquoted font family names must be escaped.
14565
- Font names containing any such characters or white space should be quoted:
14566
- </p>
14554
+ <p>Font family names must either be given quoted as <a
14555
+ href="syndata.html#strings">strings,</a> or unquoted as a sequence of
14556
+ one or more <a
14557
+ href="syndata.html#value-def-identifier">identifiers.</a> This means
14558
+ most punctuation characters and digits at the start of each token must
14559
+ be escaped in unquoted font family names.
14560
+
14561
+ <p>For example, the following declarations are invalid:
14562
+
14563
+ <pre>
14564
+ font-family: Red/Black, sans-serif;
14565
+ font-family: "Lucida" Grande, sans-serif;
14566
+ font-family: Ahem!, sans-serif;
14567
+ font-family: test@foo, sans-serif;
14568
+ font-family: #POUND, sans-serif;
14569
+ font-family: Hawaii 5-0, sans-serif;
14570
+ </pre>
14571
+
14572
+ <p>If a sequence of identifiers is given as a font family name, the
14573
+ computed value is the name converted to a string by joining all the
14574
+ identifiers in the sequence by single spaces.
14575
+
14576
+ <p>To avoid mistakes in escaping, it is recommended to quote font
14577
+ family names that contain white space, digits, or punctuation
14578
+ characters other than hyphens:
14567
14579
14568
14580
<pre>
14569
14581
body { font-family: "New Century Schoolbook", serif }
14570
-
14571
- <BODY STYLE="font-family: 'My own font ', fantasy">
14582
+
14583
+ <BODY STYLE="font-family: '21st Century ', fantasy">
14572
14584
</pre>
14573
14585
14574
- <p>If quoting is omitted, any white space characters before and after
14575
- the font name are ignored and any sequence of white space characters
14576
- inside the font name is converted to a single space.
14577
- Font family <em>names</em> that happen to be the same as a keyword
14586
+ <p>Font family <em>names</em> that happen to be the same as a keyword
14578
14587
value ('inherit', 'serif', 'sans-serif', 'monospace', 'fantasy', and
14579
14588
'cursive') must be quoted to prevent confusion with the keywords with
14580
14589
the same names. The keywords 'initial' and 'default' are reserved for
@@ -14811,7 +14820,7 @@ <h2>15.5 <a name="small-caps">Small-caps</a>: the
14811
14820
replacement for a small-caps font.
14812
14821
</p>
14813
14822
<p>The following example results in an 'H3' element in small-caps,
14814
- with any emphasized words in oblique, and any emphasized words within
14823
+ with any emphasized words in oblique, and any emphasized words within
14815
14824
an 'H3' oblique small-caps:
14816
14825
</p>
14817
14826
<pre>
@@ -14872,7 +14881,7 @@ <h2>15.6 <a name="font-boldness">Font boldness</a>: the
14872
14881
values are names that are descriptive of the "weight" of a font. There
14873
14882
is no accepted, universal meaning to these weight names. Their primary
14874
14883
role is to distinguish faces of differing darkness within a single
14875
- font family. Usage across font families is quite variant; for example,
14884
+ font family. Usage across font families is quite variant; for example,
14876
14885
a font that one might think of as being bold might be described as
14877
14886
being <em>Regular, Roman, Book, Medium, Semi-</em> or <em>DemiBold,
14878
14887
Bold,</em> or <em>Black,</em> depending on how black the "normal" face
@@ -15030,8 +15039,8 @@ <h2>15.7 <a name="font-size-props">Font size</a>: the <a href="fonts.html#propde
15030
15039
<dd>An <absolute-size> keyword is an index to a table of font
15031
15040
sizes computed and kept by the UA. Possible values are:
15032
15041
<p> [ xx-small | x-small | small | medium | large | x-large | xx-large ]</p>
15033
- <p>The following table provides user agent guidelines for the absolute-size
15034
- mapping to HTML heading and absolute font-sizes. The 'medium' value is
15042
+ <p>The following table provides user agent guidelines for the absolute-size
15043
+ mapping to HTML heading and absolute font-sizes. The 'medium' value is
15035
15044
the user's preferred font size and is used as the reference middle value.</p>
15036
15045
15037
15046
<table border="1" style="border-collapse: collapse" width="73%" id="AutoNumber2">
@@ -15069,10 +15078,10 @@ <h2>15.7 <a name="font-size-props">Font size</a>: the <a href="fonts.html#propde
15069
15078
to another.
15070
15079
</p>
15071
15080
15072
- <p class="note"><em><strong>Note 1.</strong> To preserve readability, a UA applying
15081
+ <p class="note"><em><strong>Note 1.</strong> To preserve readability, a UA applying
15073
15082
these guidelines should nevertheless avoid creating font-size resulting
15074
15083
in less than 9 pixels per EM unit on a computer display.</em></p>
15075
-
15084
+
15076
15085
<p class="note"><em><strong>Note 2.</strong> In CSS1, the suggested
15077
15086
scaling factor between adjacent indexes was 1.5, which user experience
15078
15087
proved to be too large. In CSS2, the suggested scaling factor for a
@@ -15157,10 +15166,10 @@ <h2>15.8 <a name="font-shorthand">Shorthand font property</a>: the <a href="font
15157
15166
typographical shorthand notation to set multiple properties related to
15158
15167
fonts.
15159
15168
</p>
15160
- <p>All font-related properties are first reset to their initial values,
15161
- including those listed in the preceding paragraph.
15162
- Then, those properties that are given explicit values in the
15163
- <a href="fonts.html#propdef-font" class="noxref"><span class="propinst-font">'font'</span></a> shorthand are set to those values.
15169
+ <p>All font-related properties are first reset to their initial values,
15170
+ including those listed in the preceding paragraph.
15171
+ Then, those properties that are given explicit values in the
15172
+ <a href="fonts.html#propdef-font" class="noxref"><span class="propinst-font">'font'</span></a> shorthand are set to those values.
15164
15173
For a definition of allowed and initial values, see the previously defined properties.
15165
15174
</p>
15166
15175
<pre>
@@ -15206,7 +15215,7 @@ <h2>15.8 <a name="font-shorthand">Shorthand font property</a>: the <a href="font
15206
15215
</dl>
15207
15216
15208
15217
<p>System fonts may only be set as a whole; that is, the font
15209
- family, size, weight, style, etc. are all set at the same time.
15218
+ family, size, weight, style, etc. are all set at the same time.
15210
15219
These values may then be altered individually if desired. If no
15211
15220
font with the indicated characteristics exists on a given platform,
15212
15221
the user agent should either intelligently substitute (e.g., a smaller
@@ -15250,7 +15259,7 @@ <h2>15.8 <a name="font-shorthand">Shorthand font property</a>: the <a href="font
15250
15259
font-weight: 600;
15251
15260
font-size: 9px;
15252
15261
line-height: normal;
15253
- }
15262
+ }
15254
15263
</pre>
15255
15264
15256
15265
</div>
@@ -15395,9 +15404,9 @@ <h2>16.2 <a name="alignment-prop">Alignment:</a> the <a href="text.html#propdef-
15395
15404
class="propinst-word-spacing">'word-spacing'</span></a>.)
15396
15405
</p>
15397
15406
<p>
15398
- If the computed value of text-align is 'justify' while the computed
15399
- value of white-space is 'pre' or 'pre-line ', the actual value of
15400
- text-align is set to the initial value .
15407
+ If an element has a computed value for 'white-space' of 'pre' or
15408
+ 'pre-wrap ', then neither the glyphs of that element's text content nor
15409
+ its white space may be altered for the purpose of justification .
15401
15410
</p>
15402
15411
15403
15412
<div class="example"><P style="display:none">Example(s):</P><p>
0 commit comments