You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
url: https://www.w3.org/TR/CSS2/visudet.html#the-width-property; type: value; spec: CSS2; for: width; text: auto
93
94
</pre>
94
95
95
96
@@ -99,7 +100,7 @@ This module describes CSS properties which enable authors
99
100
to style user interface related properties and values.
100
101
101
102
<a href="https://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes">Section 2.1 of CSS1</a>[[CSS1]]
102
-
and <a href="https://www.w3.org/TR/CSS2/ui.html">Chapter 18 of CSS2</a>[[CSS21]]
103
+
and <a href="https://www.w3.org/TR/CSS2/ui.html">Chapter 18 of CSS2</a>[[CSS2]]
103
104
introduced several user interface related properties and values.
104
105
<a href="https://www.w3.org/TR/2000/WD-css3-userint-20000216">User Interface for CSS3 (16 February 2000)</a> introduced several new user interface related features.
105
106
@@ -121,14 +122,22 @@ This document defines new features not present in earlier specifications.
121
122
In addition, it replaces and supersedes the following:
The <a href="https://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a> of [[!CSS21]] are written assuming ''box-sizing: content-box''. The following disambiguations are made to clarify the behavior for all values of 'box-sizing':
201
+
The <a href="https://www.w3.org/TR/CSS2/visudet.html">Visual formatting model details</a> of [[!CSS2]] are written assuming ''box-sizing: content-box''. The following disambiguations are made to clarify the behavior for all values of 'box-sizing':
193
202
194
203
<ol>
195
-
<li>In <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>, the second <q>width</q> in the following phrase is to be interpreted as <a spec="css21">content width</a>: <q>If 'width' is not ''width/auto'' and 'border-left-width' + 'padding-left' + 'width' + [...]</q>
204
+
<li>In <a href="https://www.w3.org/TR/CSS2/visudet.html#blockwidth">10.3.3</a>, the second <q>width</q> in the following phrase is to be interpreted as <a spec="css2">content width</a>: <q>If 'width' is not ''width/auto'' and 'border-left-width' + 'padding-left' + 'width' + [...]</q>
196
205
197
-
<li>In <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7</a>, <q>width</q> is to be interpreted as <a spec="css21">content width</a> in the following equation: <q>'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + [...]</q>
206
+
<li>In <a href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width">10.3.7</a>, <q>width</q> is to be interpreted as <a spec="css2">content width</a> in the following equation: <q>'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + [...]</q>
198
207
199
-
<li>In <a href="https://www.w3.org/TR/CSS21/visudet.html#min-max-widths">10.4</a>, <q>width</q>, <q>height</q>, <q>min-width</q>, <q>max-width</q>, <q>min-height</q> and <q>max-height</q> are respectively to be interpreted as <a spec="css21">content width</a>, <a spec="css21">content height</a>, <a>min inner width</a>, <a>max inner width</a>, <a>min inner height</a> and <a>max inner height</a> in the following phrases:
208
+
<li>In <a href="https://www.w3.org/TR/CSS2/visudet.html#min-max-widths">10.4</a>, <q>width</q>, <q>height</q>, <q>min-width</q>, <q>max-width</q>, <q>min-height</q> and <q>max-height</q> are respectively to be interpreted as <a spec="css2">content width</a>, <a spec="css2">content height</a>, <a>min inner width</a>, <a>max inner width</a>, <a>min inner height</a> and <a>max inner height</a> in the following phrases:
200
209
<ol>
201
210
<li><q>The tentative used width is calculated [...]</q>
202
211
<li><q>If the tentative used width is greater than 'max-width', the rules above are applied again, but this time using the computed value of 'max-width' as the computed value for 'width'.</q>
@@ -206,9 +215,9 @@ The <a href="https://www.w3.org/TR/CSS21/visudet.html">Visual formatting model d
206
215
<li><q>Then apply the rules under "Calculating widths and margins" above, as if 'width' were computed as this value.</q>
207
216
</ol>
208
217
209
-
<li>In <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">10.6.4</a>, <q>height</q> is to be interpreted as <a spec="css21">content height</a> in the following equation: <q>'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + [...]</q>
218
+
<li>In <a href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-height">10.6.4</a>, <q>height</q> is to be interpreted as <a spec="css2">content height</a> in the following equation: <q>'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + [...]</q>
210
219
211
-
<li>In <a href="https://www.w3.org/TR/CSS21/visudet.html#min-max-heights">10.7</a>, <q>width</q>, <q>height</q>, <q>min-height</q> and <q>max-height</q> are respectively to be interpreted as <a spec="css21">content width</a>, <a spec="css21">content height</a>, <a>min inner height</a> and <a>max inner height</a> in the following phrases:
220
+
<li>In <a href="https://www.w3.org/TR/CSS2/visudet.html#min-max-heights">10.7</a>, <q>width</q>, <q>height</q>, <q>min-height</q> and <q>max-height</q> are respectively to be interpreted as <a spec="css2">content width</a>, <a spec="css2">content height</a>, <a>min inner height</a> and <a>max inner height</a> in the following phrases:
212
221
<ol>
213
222
<li><q>The tentative used height is calculated [...]</q>
214
223
<li><q>If this tentative height is greater than 'max-height', the rules above are applied again, but this time using the value of 'max-height' as the computed value for 'height'.</q>
@@ -267,7 +276,7 @@ ways:
267
276
268
277
The outline properties control the style of these dynamic outlines.
269
278
270
-
The stacking of the rendering of these outlines is explicitly left up to implementations to provide a better user experience per platform. This supersedes the stacking of outlines as defined in <a href="https://www.w3.org/TR/CSS21/zindex.html">Appendix E of CSS 2.1</a>[[CSS21]].
279
+
The stacking of the rendering of these outlines is explicitly left up to implementations to provide a better user experience per platform. This supersedes the stacking of outlines as defined in <a href="https://www.w3.org/TR/CSS2/zindex.html">Appendix E of CSS 2.1</a>[[CSS2]].
271
280
272
281
<strong class="advisement">
273
282
Keyboard users,
@@ -397,14 +406,14 @@ User agents may treat ''outline-style/auto'' as
397
406
398
407
The 'outline-color' property
399
408
accepts all colors, as well as the keyword <dfn dfn-type=value for=outline-color>invert</dfn>.
400
-
''Invert'' is expected to perform a color inversion on the pixels on the screen.
409
+
''outline-color/Invert'' is expected to perform a color inversion on the pixels on the screen.
401
410
This is a common trick to ensure the focus border is visible,
402
411
regardless of color background.
403
412
404
-
Conformant UAs may ignore the ''invert'' value
413
+
Conformant UAs may ignore the ''outline-color/invert'' value
405
414
on platforms that do not support color inversion of the pixels on the screen.
406
415
407
-
If the UA does not support the ''invert'' value
416
+
If the UA does not support the ''outline-color/invert'' value
408
417
then it must reject that value at parse-time, and
409
418
the initial value of the 'outline-color' property
410
419
is the ''outline-color/currentColor'' keyword.
@@ -565,7 +574,7 @@ to:
565
574
566
575
The effect of the 'resize' property on generated content is undefined. Implementations should not apply the 'resize' property to generated content.
567
576
568
-
Note: the 'resize' property may apply to generated content in the future if there is implementation of <a href="https://drafts.csswg.org/css-pseudo/#CSSPseudoElement-interface">Interface CSSPseudoElement</a>.
577
+
Note: the 'resize' property may apply to generated content in the future if there is implementation of <a href="https://drafts.csswg.org/css-pseudo/#CSSPseudoElement-interface">Interface CSSPseudoElement</a> (See [[css-pseudo-4]]).
569
578
570
579
When an element is resized by the user,
571
580
the user agent sets
@@ -676,13 +685,13 @@ for implementation purposes.
@@ -1220,8 +1229,8 @@ and render the ''pointer'' cursor.
1220
1229
1221
1230
<h5 id="canvas_cursor">Cursor of the canvas</h5>
1222
1231
1223
-
The document <a href="https://www.w3.org/TR/CSS21/intro.html#the-canvas">canvas</a>
1224
-
is the infinite surface over which the document is rendered [[!CSS21]].
1232
+
The document <a href="https://www.w3.org/TR/CSS2/intro.html#the-canvas">canvas</a>
1233
+
is the infinite surface over which the document is rendered [[!CSS2]].
1225
1234
Since no element corresponds to the canvas,
1226
1235
in order to allow styling of the cursor when not over any element,
1227
1236
the canvas cursor re-uses the root element's cursor.
@@ -1315,7 +1324,7 @@ This example CSS may be placed into a user style sheet file to force password in
1315
1324
This specification deliberately does not attempt to document the functionality of legacy ime-mode implementations nor what they specifically support because it does not make sense to pursue or recommend any such path.
1316
1325
1317
1326
<div class="note">
1318
-
Note: there are several [[HTML5]] features which authors should use to provide information to user agents that allow them to provide a better input user experience:
1327
+
Note: there are several [[HTML]] features which authors should use to provide information to user agents that allow them to provide a better input user experience:
0 commit comments