Skip to content

Commit 945fa7e

Browse files
committed
[css-ui-3] Tweak metadata to make bikshed generate better bibliography
1 parent 23e48cf commit 945fa7e

File tree

1 file changed

+62
-53
lines changed

1 file changed

+62
-53
lines changed

css-ui-3/Overview.bs

+62-53
Original file line numberDiff line numberDiff line change
@@ -27,19 +27,19 @@ Abstract: This specification describes user interface related
2727
It uses various
2828
properties and values to style basic user interface elements in a document.
2929
Link Defaults: css-color-3 (property) color
30-
Link Defaults: css21 (property) min-width
31-
Link Defaults: css21 (property) min-height
32-
Link Defaults: css21 (property) max-width
33-
Link Defaults: css21 (property) max-height
34-
Link Defaults: css21 (property) width
35-
Link Defaults: css21 (property) height
36-
Link Defaults: css21 (property) margin-left
37-
Link Defaults: css21 (property) margin-top
38-
Link Defaults: css21 (property) padding-bottom
39-
Link Defaults: css21 (property) padding-left
40-
Link Defaults: css21 (property) padding-right
41-
Link Defaults: css21 (property) padding-top
42-
Link Defaults: css21 (property) visibility
30+
Link Defaults: css2 (property) min-width
31+
Link Defaults: css2 (property) min-height
32+
Link Defaults: css2 (property) max-width
33+
Link Defaults: css2 (property) max-height
34+
Link Defaults: css2 (property) width
35+
Link Defaults: css2 (property) height
36+
Link Defaults: css2 (property) margin-left
37+
Link Defaults: css2 (property) margin-top
38+
Link Defaults: css2 (property) padding-bottom
39+
Link Defaults: css2 (property) padding-left
40+
Link Defaults: css2 (property) padding-right
41+
Link Defaults: css2 (property) padding-top
42+
Link Defaults: css2 (property) visibility
4343
Link Defaults: css-writing-modes-3 (dfn) start
4444
Link Defaults: css-writing-modes-3 (dfn) end
4545
Ignored Terms: outline-top
@@ -64,32 +64,33 @@ Ignore Can I Use URL Failure: http://www.w3.org/TR/css3-ui/
6464
</pre>
6565
<pre class=link-defaults>
6666
spec:css-overflow-3; type:property; text:overflow
67-
spec:css21; type:property; text:display
68-
spec:css21; type:property; text:width
69-
spec:css21; type:property; text:height
70-
spec:css21; type:property; text:left
71-
spec:css21; type:property; text:overflow
72-
spec:css21; type:property; text:border-bottom-width
73-
spec:css21; type:property; text:border-left-width
74-
spec:css21; type:property; text:border-right-width
75-
spec:css21; type:property; text:border-top-width
76-
spec:css21; type:property; text:border-style
77-
spec:css21; type:property; text:border-width
78-
spec:css21; type:property; text:background-image
67+
spec:css2; type:property; text:display
68+
spec:css2; type:property; text:width
69+
spec:css2; type:property; text:height
70+
spec:css2; type:property; text:left
71+
spec:css2; type:property; text:overflow
72+
spec:css2; type:property; text:border-bottom-width
73+
spec:css2; type:property; text:border-left-width
74+
spec:css2; type:property; text:border-right-width
75+
spec:css2; type:property; text:border-top-width
76+
spec:css2; type:property; text:border-style
77+
spec:css2; type:property; text:border-width
78+
spec:css2; type:property; text:background-image
7979
</pre>
8080

8181
<!-- Some of the following definitions have existing exported defintions from other specs,
8282
but not from specs that are OK to link to from a CR -->
8383
<pre class="anchors">
84-
url: https://www.w3.org/TR/CSS21/box.html#border-edge; type: dfn; spec: CSS21; text: border edge
85-
url: https://www.w3.org/TR/CSS21/visufx.html#propdef-overflow
86-
type: property; spec: CSS21; text: overflow
87-
type: value; spec: CSS21; text: visible; for: overflow
88-
url: https://www.w3.org/TR/CSS21/visuren.html#position-props; type: property; spec: CSS21;
84+
url: https://www.w3.org/TR/CSS2/box.html#border-edge; type: dfn; spec: CSS2; text: border edge
85+
url: https://www.w3.org/TR/CSS2/visufx.html#propdef-overflow
86+
type: property; spec: CSS2; text: overflow
87+
type: value; spec: CSS2; text: visible; for: overflow
88+
url: https://www.w3.org/TR/CSS2/visuren.html#position-props; type: property; spec: CSS2;
8989
text: top
9090
text: bottom
9191
text: left
9292
text: right
93+
url: https://www.w3.org/TR/CSS2/visudet.html#the-width-property; type: value; spec: CSS2; for: width; text: auto
9394
</pre>
9495

9596

@@ -99,7 +100,7 @@ This module describes CSS properties which enable authors
99100
to style user interface related properties and values.
100101

101102
<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]]
103104
introduced several user interface related properties and values.
104105
<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.
105106

@@ -121,14 +122,22 @@ This document defines new features not present in earlier specifications.
121122
In addition, it replaces and supersedes the following:
122123

123124
<ul>
124-
<li><a href="https://www.w3.org/TR/CSS21/ui.html#cursor-props">Section 18.1</a>,
125-
<a href="https://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">section 18.4</a>,
125+
<li><a href="https://www.w3.org/TR/CSS2/ui.html#cursor-props">Section 18.1</a>,
126+
<a href="https://www.w3.org/TR/CSS2/ui.html#dynamic-outlines">section 18.4</a>,
126127
and Information on the stacking of outlines defined in
127-
<a href="https://www.w3.org/TR/CSS21/zindex.html">Appendix E</a>
128-
of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
129-
<li><a href="https://www.w3.org/TR/2000/WD-css3-userint-20000216">User Interface for CSS3 (16 February 2000)</a> [[CSSUI]]
128+
<a href="https://www.w3.org/TR/CSS2/zindex.html">Appendix E</a>
129+
of Cascading Style Sheets, level 2, revision 1 [[CSS2]]
130+
<li><a href="https://www.w3.org/TR/2000/WD-css3-userint-20000216">User Interface for CSS3 (16 February 2000)</a>
130131
</ul>
131132

133+
Note: The semantics of property definition tables were first introduced in [[CSS2#property-defs]].
134+
More up-to-date definitions can be found in
135+
[[css-transitions-1]],
136+
[[css-values-3]],
137+
and [[css-cascade-4]].
138+
For the reader's convenience,
139+
this specification links directly to these terms where relevant.
140+
132141
<h2 id="box-model">Box Model addition</h2>
133142

134143
<h3 id="box-sizing" caniuse="css3-boxsizing">Changing the Box Model: the 'box-sizing' property</h3>
@@ -161,7 +170,7 @@ by subtracting the border and padding widths of the respective sides
161170
from the specified 'width'
162171
and 'height' properties.
163172
As the content width and height
164-
<a href="https://www.w3.org/TR/CSS21/visudet.html#the-width-property">cannot be negative</a> ([[!CSS21]], section 10.2),
173+
<a href="https://www.w3.org/TR/CSS2/visudet.html#the-width-property">cannot be negative</a> ([[!CSS2]], section 10.2),
165174
this computation is floored at 0.
166175
Used values, as exposed for instance through getComputedStyle(), also refer to the border box.
167176

@@ -189,14 +198,14 @@ The following terms, whose definitions vary based on the computed value of 'box-
189198
<tr><th><dfn>max inner height</dfn><td>'max-height'<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
190199
</table>
191200

192-
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':
193202

194203
<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>
196205

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>
198207

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:
200209
<ol>
201210
<li><q>The tentative used width is calculated [...]</q>
202211
<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
206215
<li><q>Then apply the rules under "Calculating widths and margins" above, as if 'width' were computed as this value.</q>
207216
</ol>
208217

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>
210219

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:
212221
<ol>
213222
<li><q>The tentative used height is calculated [...]</q>
214223
<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:
267276

268277
The outline properties control the style of these dynamic outlines.
269278

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]].
271280

272281
<strong class="advisement">
273282
Keyboard users,
@@ -397,14 +406,14 @@ User agents may treat ''outline-style/auto'' as
397406

398407
The 'outline-color' property
399408
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.
401410
This is a common trick to ensure the focus border is visible,
402411
regardless of color background.
403412

404-
Conformant UAs may ignore the ''invert'' value
413+
Conformant UAs may ignore the ''outline-color/invert'' value
405414
on platforms that do not support color inversion of the pixels on the screen.
406415

407-
If the UA does not support the ''invert'' value
416+
If the UA does not support the ''outline-color/invert'' value
408417
then it must reject that value at parse-time, and
409418
the initial value of the 'outline-color' property
410419
is the ''outline-color/currentColor'' keyword.
@@ -565,7 +574,7 @@ to:
565574

566575
The effect of the 'resize' property on generated content is undefined. Implementations should not apply the 'resize' property to generated content.
567576

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]]).
569578

570579
When an element is resized by the user,
571580
the user agent sets
@@ -676,13 +685,13 @@ for implementation purposes.
676685

677686
For the ellipsis value
678687
implementations must hide characters and
679-
<a href="https://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
688+
<a href="https://www.w3.org/TR/CSS2/visuren.html#inline-boxes">
680689
atomic inline-level elements</a>
681690
at the <a>end</a> edge of the line as necessary to fit the ellipsis, and
682691
place the ellipsis immediately adjacent
683692
to the <a>end</a> edge of the remaining inline content.
684693
The first character or
685-
<a href="https://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
694+
<a href="https://www.w3.org/TR/CSS2/visuren.html#inline-boxes">
686695
atomic inline-level element</a>
687696
on a line
688697
must be clipped rather than ellipsed.
@@ -1220,8 +1229,8 @@ and render the ''pointer'' cursor.
12201229

12211230
<h5 id="canvas_cursor">Cursor of the canvas</h5>
12221231

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]].
12251234
Since no element corresponds to the canvas,
12261235
in order to allow styling of the cursor when not over any element,
12271236
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
13151324
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.
13161325

13171326
<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:
13191328

13201329
<ul>
13211330
<li>The global <code>lang</code> attribute

0 commit comments

Comments
 (0)