Skip to content

Commit 502e655

Browse files
annevkannevk
committed
long live CSS component values and plh for finding some small Web IDL bugs
1 parent b66f36f commit 502e655

2 files changed

Lines changed: 105 additions & 105 deletions

File tree

‎cssom/Overview.html‎

Lines changed: 62 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,13 @@
2828
<div class=head>
2929
<h1 id=cssom>CSSOM</h1>
3030

31-
<h2 class="no-num no-toc" id="">Editor's Draft 29 March 2010</h2>
31+
<h2 class="no-num no-toc" id="">Editor's Draft 31 March 2010</h2>
3232

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

3636
<dd><a
37-
href="http://www.w3.org/TR/2010/ED-cssom-20100329/">http://www.w3.org/TR/2010/ED-cssom-20100329/</a>
37+
href="http://www.w3.org/TR/2010/ED-cssom-20100331/">http://www.w3.org/TR/2010/ED-cssom-20100331/</a>
3838

3939
<dt>Latest Version:
4040

@@ -241,25 +241,25 @@ <h2 class="no-num no-toc" id=toc>Table of Contents</h2>
241241
<li><a href="#the-cssvalue-interface"><span class=secno>5.6.3.
242242
</span>The <code title="">CSSValue</code> Interface</a>
243243

244-
<li><a href="#the-cssvaluecomponent-interface"><span
245-
class=secno>5.6.4. </span>The <code title="">CSSValueComponent</code>
244+
<li><a href="#the-csscomponentvalue-interface"><span
245+
class=secno>5.6.4. </span>The <code title="">CSSComponentValue</code>
246246
Interface</a>
247247

248-
<li><a href="#the-csscolorvaluecomponent-interface"><span
248+
<li><a href="#the-csscolorcomponentvalue-interface"><span
249249
class=secno>5.6.5. </span>The <code
250-
title="">CSSColorValueComponent</code> Interface</a>
250+
title="">CSSColorComponentValue</code> Interface</a>
251251

252-
<li><a href="#the-csslengthvaluecomponent-interface"><span
252+
<li><a href="#the-csslengthcomponentvalue-interface"><span
253253
class=secno>5.6.6. </span>The <code
254-
title="">CSSLengthValueComponent</code> Interface</a>
254+
title="">CSSLengthComponentValue</code> Interface</a>
255255

256-
<li><a href="#the-csspercentagevaluecomponent-interfac"><span
256+
<li><a href="#the-csspercentagecomponentvalue-interfac"><span
257257
class=secno>5.6.7. </span>The <code
258-
title="">CSSPercentageValueComponent</code> Interface</a>
258+
title="">CSSPercentageComponentValue</code> Interface</a>
259259

260-
<li><a href="#the-cssurlvaluecomponent-interface"><span
260+
<li><a href="#the-cssurlcomponentvalue-interface"><span
261261
class=secno>5.6.8. </span>The <code
262-
title="">CSSURLValueComponent</code> Interface</a>
262+
title="">CSSURLComponentValue</code> Interface</a>
263263
</ul>
264264
</ul>
265265

@@ -674,8 +674,8 @@ <h3 id=the-medialist-interface><span class=secno>3.4. </span>The <code
674674
stringifier attribute DOMString <a href="#dom-medialist-mediatext" title=dom-MediaList-mediaText>mediaText</a>;
675675
readonly attribute unsigned long <a href="#dom-medialist-length" title=dom-MediaList-length>length</a>;
676676
getter DOMString <a href="#dom-medialist-item" title=dom-MediaList-item>item</a>(unsigned long <var title="">index</var>);
677-
void <a href="#dom-medialist-appendmedium" title=dom-MediaList-appendMedium>appendMedium</a>(DOMString <var title="">medium</var>)
678-
void <a href="#dom-medialist-deletemedium" title=dom-MediaList-deleteMedium>deleteMedium</a>(DOMString <var title="">medium</var>)
677+
void <a href="#dom-medialist-appendmedium" title=dom-MediaList-appendMedium>appendMedium</a>(DOMString <var title="">medium</var>);
678+
void <a href="#dom-medialist-deletemedium" title=dom-MediaList-deleteMedium>deleteMedium</a>(DOMString <var title="">medium</var>);
679679
};</pre>
680680

681681
<p>The <dfn id=dom-medialist-mediatext
@@ -970,7 +970,7 @@ <h3 id=serializing-selectors><span class=secno>4.2. </span>Serializing
970970
<li>
971971
<p>If <var title="">a</var> is zero let the value be <var
972972
title="">b</var> <a href="#serialize-a-css-value-component"
973-
title="serialize a CSS value component">serialized</a> as
973+
title="serialize a CSS component value">serialized</a> as
974974
&lt;integer>.
975975

976976
<li>
@@ -983,23 +983,23 @@ <h3 id=serializing-selectors><span class=secno>4.2. </span>Serializing
983983
"<code title="">n</code>" (U+006E), followed by "<code>+</code>"
984984
(U+002B) if <var title="">b</var> is positive, followed by <var
985985
title="">b</var> <a href="#serialize-a-css-value-component"
986-
title="serialize a CSS value component">serialized</a> as
986+
title="serialize a CSS component value">serialized</a> as
987987
&lt;integer>.
988988

989989
<li>
990990
<p>If <var title="">b</var> is zero let the value be <var
991991
title="">a</var> <a href="#serialize-a-css-value-component"
992-
title="serialize a CSS value component">serialized</a> as
992+
title="serialize a CSS component value">serialized</a> as
993993
&lt;integer>, followed by "<code title="">n</code>" (U+006E).
994994

995995
<li>
996996
<p>Otherwise let the value be <var title="">a</var> <a
997-
href="#serialize-a-css-value-component" title="serialize a CSS value
998-
component">serialized</a> as &lt;integer>, followed by "<code
997+
href="#serialize-a-css-value-component" title="serialize a CSS
998+
component value">serialized</a> as &lt;integer>, followed by "<code
999999
title="">n</code>" (U+006E), followed by "<code>+</code>" (U+002B)
10001000
if <var title="">b</var> is positive, followed by <var
10011001
title="">b</var> <a href="#serialize-a-css-value-component"
1002-
title="serialize a CSS value component">serialized</a> as
1002+
title="serialize a CSS component value">serialized</a> as
10031003
&lt;integer>.
10041004
</ol>
10051005

@@ -3505,9 +3505,9 @@ <h4 id=the-cssstyledeclarationvalue-interface><span class=secno>5.5.2.
35053505
href="#cssvalue">CSSValue</a></code> object. That object can implement
35063506
other objects depending on the property involved. E.g. for
35073507
'<code>width</code>' the object would implement <code><a
3508-
href="#csslengthvaluecomponent">CSSLengthValueComponent</a></code> and
3508+
href="#csslengthcomponentvalue">CSSLengthComponentValue</a></code> and
35093509
<code><a
3510-
href="#csspercentagevaluecomponent">CSSPercentageValueComponent</a></code>.
3510+
href="#csspercentagecomponentvalue">CSSPercentageComponentValue</a></code>.
35113511

35123512
<h3 id=css-values><span class=secno>5.6. </span>CSS Values</h3>
35133513

@@ -3536,10 +3536,10 @@ <h4 id=serializing-css-values><span class=secno>5.6.2. </span>Serializing
35363536
<ul>
35373537
<li>
35383538
<p><a href="#serialize-a-css-value-component" title="Serialize a CSS
3539-
value component">Serialize</a> any CSS value components in the value.
3539+
component value">Serialize</a> any CSS component values in the value.
35403540

35413541
<li>
3542-
<p>Where multiple CSS value components can appear in any order without
3542+
<p>Where multiple CSS component values can appear in any order without
35433543
changing the meaning of the value (typically represented by a double bar
35443544
<code>||</code> in the value syntax), use the order as given in the
35453545
syntax.
@@ -3548,7 +3548,7 @@ <h4 id=serializing-css-values><span class=secno>5.6.2. </span>Serializing
35483548
for <code>border</code> -->
35493549

35503550
<li>
3551-
<p>Where CSS value components of the value can be omitted without
3551+
<p>Where CSS component values of the value can be omitted without
35523552
changing the meaning of the value (e.g. initial values in shorthand
35533553
properties), omit them. If this would remove all the values, then
35543554
include the first allowed value.</p>
@@ -3567,19 +3567,19 @@ <h4 id=serializing-css-values><span class=secno>5.6.2. </span>Serializing
35673567

35683568
<li>
35693569
<p>If a value has a <a href="#whitespace">whitespace</a>-separated list
3570-
of CSS value components, <a
3570+
of CSS component values, <a
35713571
href="#serialize-a-whitespace-separated-list" title="serialize a
35723572
whitespace-separated list">serialize</a> the value as a
35733573
whitespace-separated list.
35743574

35753575
<li>
3576-
<p>If a value has a comma-separated list of CSS value components, <a
3576+
<p>If a value has a comma-separated list of CSS component values, <a
35773577
href="#serialize-a-comma-separated-list" title="serialize a
35783578
comma-separated list">serialize</a> the value as a comma-separated list.
35793579
</ul>
35803580

3581-
<p>To <dfn id=serialize-a-css-value-component>serialize a CSS value
3582-
component</dfn> depends on the component, as follows:
3581+
<p>To <dfn id=serialize-a-css-value-component>serialize a CSS component
3582+
value</dfn> depends on the component, as follows:
35833583

35843584
<dl class=switch>
35853585
<dt>keyword
@@ -3639,19 +3639,19 @@ <h4 id=serializing-css-values><span class=secno>5.6.2. </span>Serializing
36393639

36403640
<ol>
36413641
<li>
3642-
<p>If &lt;counter> has three CSS value components the string "<code
3642+
<p>If &lt;counter> has three CSS component values the string "<code
36433643
title="">counters(</code>".
36443644

36453645
<li>
3646-
<p>If &lt;counter> has two CSS value components the string "<code
3646+
<p>If &lt;counter> has two CSS component values the string "<code
36473647
title="">counter(</code>".
36483648

36493649
<li>
36503650
<p>The result of <a href="#serialize-a-comma-separated-list"
36513651
title="serialize a comma-separated list">serializing</a> the <a
3652-
href="#serialize-a-css-value-component" title="serialize a CSS value
3653-
component">serialized</a> CSS value components belonging to
3654-
&lt;counter> as list while omitting the last CSS value component if it
3652+
href="#serialize-a-css-value-component" title="serialize a CSS
3653+
component value">serialized</a> CSS component values belonging to
3654+
&lt;counter> as list while omitting the last CSS component value if it
36553655
is 'decimal'.
36563656

36573657
<li>
@@ -3716,9 +3716,9 @@ <h4 id=serializing-css-values><span class=secno>5.6.2. </span>Serializing
37163716
<p>The string "<code title="">rect(</code>", followed by the result of <a
37173717
href="#serialize-a-comma-separated-list" title="serialize a
37183718
comma-separated list">serializing</a> the <a
3719-
href="#serialize-a-css-value-component" title="serialize a CSS value
3720-
component">serialized</a> CSS value components belonging to &lt;shape>
3721-
as list, followed by "<code>)</code>" (U+0029).
3719+
href="#serialize-a-css-value-component" title="serialize a CSS component
3720+
value">serialized</a> CSS component values belonging to &lt;shape> as
3721+
list, followed by "<code>)</code>" (U+0029).
37223722

37233723
<dt>&lt;string>
37243724

@@ -3836,58 +3836,58 @@ <h4 id=the-cssvalue-interface><span class=secno>5.6.3. </span>The <code
38363836

38373837
<p class=XXX>...
38383838

3839-
<h4 id=the-cssvaluecomponent-interface><span class=secno>5.6.4. </span>The
3840-
<code title="">CSSValueComponent</code> Interface</h4>
3839+
<h4 id=the-csscomponentvalue-interface><span class=secno>5.6.4. </span>The
3840+
<code title="">CSSComponentValue</code> Interface</h4>
38413841

38423842
<pre
3843-
class=idl>[NoInterfaceObject] interface <dfn id=cssvaluecomponent>CSSValueComponent</dfn> {
3844-
}</pre>
3843+
class=idl>[NoInterfaceObject] interface <dfn id=csscomponentvalue>CSSComponentValue</dfn> {
3844+
};</pre>
38453845

38463846
<p class=XXX>...
38473847

3848-
<h4 id=the-csscolorvaluecomponent-interface><span class=secno>5.6.5.
3849-
</span>The <code title="">CSSColorValueComponent</code> Interface</h4>
3848+
<h4 id=the-csscolorcomponentvalue-interface><span class=secno>5.6.5.
3849+
</span>The <code title="">CSSColorComponentValue</code> Interface</h4>
38503850

38513851
<pre
3852-
class=idl>interface <dfn id=csscolorvaluecomponent>CSSColorValueComponent</dfn> : <a href="#cssvaluecomponent">CSSValueComponent</a> {
3853-
attribute short <span title=dom-CSSColorValueComponent-red>red</span>;
3854-
attribute short <span title=dom-CSSColorValueComponent-green>green</span>;
3855-
attribute short <span title=dom-CSSColorValueComponent-blue>blue</span>;
3852+
class=idl>interface <dfn id=csscolorcomponentvalue>CSSColorComponentValue</dfn> : <a href="#csscomponentvalue">CSSComponentValue</a> {
3853+
attribute short <span title=dom-CSSColorComponentValue-red>red</span>;
3854+
attribute short <span title=dom-CSSColorComponentValue-green>green</span>;
3855+
attribute short <span title=dom-CSSColorComponentValue-blue>blue</span>;
38563856

3857-
attribute float <span title=dom-CSSColorValueComponent-alpha>alpha</span>;
3857+
attribute float <span title=dom-CSSColorComponentValue-alpha>alpha</span>;
38583858
};</pre>
38593859

38603860
<p class=XXX>...
38613861

3862-
<h4 id=the-csslengthvaluecomponent-interface><span class=secno>5.6.6.
3863-
</span>The <code title="">CSSLengthValueComponent</code> Interface</h4>
3862+
<h4 id=the-csslengthcomponentvalue-interface><span class=secno>5.6.6.
3863+
</span>The <code title="">CSSLengthComponentValue</code> Interface</h4>
38643864

38653865
<pre
3866-
class=idl>interface <dfn id=csslengthvaluecomponent>CSSLengthValueComponent</dfn> : <a href="#cssvaluecomponent">CSSValueComponent</a> {
3867-
attribute float <span title=dom-CSSLengthValueComponent-em>em</span>;
3868-
attribute float <span title=dom-CSSLengthValueComponent-ex>ex</span>;
3869-
attribute float <span title=dom-CSSLengthValueComponent-px>px</span>;
3866+
class=idl>interface <dfn id=csslengthcomponentvalue>CSSLengthComponentValue</dfn> : <a href="#csscomponentvalue">CSSComponentValue</a> {
3867+
attribute float <span title=dom-CSSLengthComponentValue-em>em</span>;
3868+
attribute float <span title=dom-CSSLengthComponentValue-ex>ex</span>;
3869+
attribute float <span title=dom-CSSLengthComponentValue-px>px</span>;
38703870
<span class=XXX>// figure out what to do with absolute lengths</span>
38713871
};</pre>
38723872

38733873
<p class=XXX>...
38743874

3875-
<h4 id=the-csspercentagevaluecomponent-interfac><span class=secno>5.6.7.
3876-
</span>The <code title="">CSSPercentageValueComponent</code> Interface</h4>
3875+
<h4 id=the-csspercentagecomponentvalue-interfac><span class=secno>5.6.7.
3876+
</span>The <code title="">CSSPercentageComponentValue</code> Interface</h4>
38773877

38783878
<pre
3879-
class=idl>interface <dfn id=csspercentagevaluecomponent>CSSPercentageValueComponent</dfn> : <a href="#cssvaluecomponent">CSSValueComponent</a> {
3880-
attribute float <span title=dom-CSSPercentageValueComponent>percent</span>;
3879+
class=idl>interface <dfn id=csspercentagecomponentvalue>CSSPercentageComponentValue</dfn> : <a href="#csscomponentvalue">CSSComponentValue</a> {
3880+
attribute float <span title=dom-CSSPercentageComponentValue>percent</span>;
38813881
};</pre>
38823882

38833883
<p class=XXX>...
38843884

3885-
<h4 id=the-cssurlvaluecomponent-interface><span class=secno>5.6.8.
3886-
</span>The <code title="">CSSURLValueComponent</code> Interface</h4>
3885+
<h4 id=the-cssurlcomponentvalue-interface><span class=secno>5.6.8.
3886+
</span>The <code title="">CSSURLComponentValue</code> Interface</h4>
38873887

38883888
<pre
3889-
class=idl>interface <dfn id=cssurlvaluecomponent>CSSURLValueComponent</dfn> : <a href="#cssvaluecomponent">CSSValueComponent</a> {
3890-
attribute DOMString? <span title=dom-CSSURLValueComponent-url>url</span>;
3889+
class=idl>interface <dfn id=cssurlcomponentvalue>CSSURLComponentValue</dfn> : <a href="#csscomponentvalue">CSSComponentValue</a> {
3890+
attribute DOMString? <span title=dom-CSSURLComponentValue-url>url</span>;
38913891
};</pre>
38923892

38933893
<p class=XXX>...

0 commit comments

Comments
 (0)