W3C home > Mailing lists > Public > public-html-diffs@w3.org > April 2010

hixie: The CSS rules need to do attribute value matching consistently across HTML and XHTML, despite the rules for interpreting author style sheets. (whatwg r4949)

From: poot <cvsmail@w3.org>
Date: Fri, 2 Apr 2010 15:11:09 +0900 (JST)
To: public-html-diffs@w3.org
Message-Id: <20100402061109.8C38F2BC52@toro.w3.mag.keio.ac.jp>
hixie: The CSS rules need to do attribute value matching consistently
across HTML and XHTML, despite the rules for interpreting author style
sheets. (whatwg r4949)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.3971&r2=1.3972&f=h
http://html5.org/tools/web-apps-tracker?from=4948&to=4949

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.3971
retrieving revision 1.3972
diff -u -d -r1.3971 -r1.3972
--- Overview.html	2 Apr 2010 05:32:53 -0000	1.3971
+++ Overview.html	2 Apr 2010 06:10:53 -0000	1.3972
@@ -60008,6 +60008,21 @@
   are expected to be flipped around on elements whose 'direction'
   property is 'rtl'. These are marked "<dfn id="ltr-specific">LTR-specific</dfn>".</p>
 
+  <p id="case-sensitive-selector-exception">For the purpose of the
+  rules marked "case-sensitive", user agents are expected to use
+  case-sensitive matching of attribute values rather than
+  case-insensitive matching, regardless of whether a case-insensitive
+  matching is normally required for the given attribute.</p>
+
+  <p id="case-insensitive-selector-exception">Similarly, for the
+  purpose of the rules marked "case-insensitive", user agents are
+  expected to use <a href="#ascii-case-insensitive">ASCII case-insensitive</a> matching of
+  attribute values rather than case-sensitive matching, even for
+  attributes in XHTML documents.</p>
+
+  <p class="note">These markings only affect the handling of attribute
+  <em>values</em>, not attribute names or element names.</p>
+
   <hr><p>When the text below says that an attribute <var title="">attribute</var> on an element <var title="">element</var>
   <dfn id="maps-to-the-pixel-length-property">maps to the pixel length property</dfn> (or properties) <var title="">properties</var>, it means that if <var title="">element</var> has an attribute <var title="">attribute</var> set, and parsing that attribute's value
   using the <a href="#rules-for-parsing-non-negative-integers">rules for parsing non-negative integers</a>
@@ -60032,7 +60047,7 @@
 
 [hidden], area, base, basefont, command, datalist, head,
 input[type=hidden], link, menu[type=context], meta, noembed, noframes,
-param, rp, script, source, style, title {
+param, rp, script, source, style, title { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   display: none;
 }
 
@@ -60297,44 +60312,44 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-table[align=left] { float: left; }
-table[align=right] { float: right; }
+table[align=left] { float: left; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+table[align=right] { float: right; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 table[align=center], table[align=abscenter],
-table[align=absmiddle], table[align=middle] {
+table[align=absmiddle], table[align=middle] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   margin-left: auto; margin-right: auto;
 }
 
-caption[align=bottom] { caption-side: bottom; }
+caption[align=bottom] { caption-side: bottom; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 p[align=left], h1[align=left], h2[align=left], h3[align=left],
-h4[align=left], h5[align=left], h6[align=left] {
+h4[align=left], h5[align=left], h6[align=left] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   text-align: left;
 }
 p[align=right], h1[align=right], h2[align=right], h3[align=right],
-h4[align=right], h5[align=right], h6[align=right] {
+h4[align=right], h5[align=right], h6[align=right] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   text-align: right;
 }
 p[align=center], h1[align=center], h2[align=center], h3[align=center],
-h4[align=center], h5[align=center], h6[align=center] {
+h4[align=center], h5[align=center], h6[align=center] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   text-align: center;
 }
 p[align=justify], h1[align=justify], h2[align=justify], h3[align=justify],
-h4[align=justify], h5[align=justify], h6[align=justify] {
+h4[align=justify], h5[align=justify], h6[align=justify] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   text-align: justify;
 }
 col[valign=top], thead[valign=top], tbody[valign=top],
-tfoot[valign=top], tr[valign=top], td[valign=top], th[valign=top] {
+tfoot[valign=top], tr[valign=top], td[valign=top], th[valign=top] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: top;
 }
 col[valign=middle], thead[valign=middle], tbody[valign=middle],
-tfoot[valign=middle], tr[valign=middle], td[valign=middle], th[valign=middle] {
+tfoot[valign=middle], tr[valign=middle], td[valign=middle], th[valign=middle] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: middle;
 }
 col[valign=bottom], thead[valign=bottom], tbody[valign=bottom],
-tfoot[valign=bottom], tr[valign=bottom], td[valign=bottom], th[valign=bottom] {
+tfoot[valign=bottom], tr[valign=bottom], td[valign=bottom], th[valign=bottom] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: bottom;
 }
 col[valign=baseline], thead[valign=baseline], tbody[valign=baseline],
-tfoot[valign=baseline], tr[valign=baseline], td[valign=baseline], th[valign=baseline] {
+tfoot[valign=baseline], tr[valign=baseline], td[valign=baseline], th[valign=baseline] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: baseline;
 }</pre>
 
@@ -60436,7 +60451,7 @@
 table[rules=groups] &gt; tfoot &gt; tr &gt; td, table[rules=groups] &gt; tfoot &gt; tr &gt; th,
 table[rules=rows] &gt; tfoot &gt; tr &gt; td, table[rules=rows] &gt; tfoot &gt; tr &gt; th,
 table[rules=cols] &gt; tfoot &gt; tr &gt; td, table[rules=cols] &gt; tfoot &gt; tr &gt; th,
-table[rules=all] &gt; tfoot &gt; tr &gt; td, table[rules=all] &gt; tfoot &gt; tr &gt; th {
+table[rules=all] &gt; tfoot &gt; tr &gt; td, table[rules=all] &gt; tfoot &gt; tr &gt; th { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   border-color: black;
 }</pre>
 
@@ -60679,9 +60694,9 @@
 table { border-style: outset; }
 td, th { border-style: inset; }
 
-[dir=ltr] { direction: ltr; unicode-bidi: embed; }
-[dir=rtl] { direction: rtl; unicode-bidi: embed; }
-bdo[dir=ltr], bdo[dir=rtl] { unicode-bidi: bidi-override; }</pre>
+[dir=ltr] { direction: ltr; unicode-bidi: embed; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+[dir=rtl] { direction: rtl; unicode-bidi: embed; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+bdo[dir=ltr], bdo[dir=rtl] { unicode-bidi: bidi-override; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>In addition, rules setting the 'quotes' property appropriately
   for the locales and languages understood by the user are expected to
@@ -60695,9 +60710,9 @@
 td[nowrap], th[nowrap] { white-space: nowrap; }
 pre[wrap] { white-space: pre-wrap; }
 
-br[clear=left] { clear: left; }
-br[clear=right] { clear: right; }
-br[clear=all], br[clear=both] { clear: both; }
+br[clear=left] { clear: left; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+br[clear=right] { clear: right; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+br[clear=all], br[clear=both] { clear: both; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 
 ol[type=1], li[type=1] { list-style-type: decimal; }
 ol[type=a], li[type=a] { list-style-type: lower-alpha; } /* <a href="#case-sensitive-selector-exception">case-sensitive</a> */
@@ -60770,11 +60785,6 @@
   border-width: 1px;
 }</pre>
 
-  <p id="case-sensitive-selector-exception">For the purpose of the
-  four rules marked "case-sensitive" above, user agents are expected
-  to use case-sensitive matching of attribute values rather than
-  case-insensitive matching as is normally required for the <code title="attr-olul-type">type</code> attribute.</p>
-
   <p>When rendering <code><a href="#the-li-element">li</a></code> elements, user agents are expected
   to use the ordinal value of the <code><a href="#the-li-element">li</a></code> element to render
   the counter in the list item marker.</p>
@@ -60839,9 +60849,9 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-hr[align=left] { margin-left: 0; margin-right: auto; }
-hr[align=right] { margin-left: auto; margin-right: 0; }
-hr[align=center] { margin-left: auto; margin-right: auto; }
+hr[align=left] { margin-left: 0; margin-right: auto; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+hr[align=right] { margin-left: auto; margin-right: 0; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+hr[align=center] { margin-left: auto; margin-right: auto; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 hr[color], hr[noshade] { border-style: solid; }</pre>
 
   <p>If an <code><a href="#the-hr-element">hr</a></code> element has either a <code title="attr-hr-color"><a href="#attr-hr-color">color</a></code> attribute or a <code title="attr-hr-noshade"><a href="#attr-hr-noshade">noshade</a></code> attribute, and furthermore
@@ -61036,8 +61046,8 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-img[align=left] { margin-right: 3px; }
-img[align=right] { margin-left: 3px; }</pre>
+img[align=left] { margin-right: 3px; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+img[align=right] { margin-left: 3px; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   </div><div class="impl">
 
@@ -61048,45 +61058,45 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-iframe[frameborder=0], iframe[frameborder=no] { border: none; }
+iframe[frameborder=0], iframe[frameborder=no] { border: none; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 
 applet[align=left], embed[align=left], iframe[align=left],
-img[align=left], input[type=image][align=left], object[align=left] {
+img[align=left], input[type=image][align=left], object[align=left] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   float: left;
 }
 
 applet[align=right], embed[align=right], iframe[align=right],
-img[align=right], input[type=image][align=right], object[align=right] {
+img[align=right], input[type=image][align=right], object[align=right] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   float: right;
 }
 
 applet[align=top], embed[align=top], iframe[align=top],
-img[align=top], input[type=image][align=top], object[align=top] {
+img[align=top], input[type=image][align=top], object[align=top] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: top;
 }
 
 applet[align=bottom], embed[align=bottom], iframe[align=bottom],
 img[align=bottom], input[type=image][align=bottom], object[align=bottom],
 applet[align=baseline], embed[align=baseline], iframe[align=baseline],
-img[align=baseline], input[type=image][align=baseline], object[align=baseline] {
+img[align=baseline], input[type=image][align=baseline], object[align=baseline] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: baseline;
 }
 
 applet[align=texttop], embed[align=texttop], iframe[align=texttop],
-img[align=texttop], input[type=image][align=texttop], object[align=texttop] {
+img[align=texttop], input[type=image][align=texttop], object[align=texttop] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: text-top;
 }
 
 applet[align=absmiddle], embed[align=absmiddle], iframe[align=absmiddle],
 img[align=absmiddle], input[type=image][align=absmiddle], object[align=absmiddle],
 applet[align=abscenter], embed[align=abscenter], iframe[align=abscenter],
-img[align=abscenter], input[type=image][align=abscenter], object[align=abscenter] {
+img[align=abscenter], input[type=image][align=abscenter], object[align=abscenter] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: middle;
 }
 
 applet[align=bottom], embed[align=bottom], iframe[align=bottom],
 img[align=bottom], input[type=image][align=bottom],
-object[align=bottom] {
+object[align=bottom] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   vertical-align: bottom;
 }</pre>
 
@@ -61259,7 +61269,7 @@
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
 input { binding: <i title="">input-textfield</i>; }
-input[type=password] { binding: <i title="">input-password</i>; }
+input[type=password] { binding: <i title="">input-password</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
 /* later rules override this for other values of type="" */</pre>
 
   <p>When the <i title="">input-textfield</i> binding applies to an
@@ -61302,13 +61312,13 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=datetime] { binding: <i title="">input-datetime</i>; }
-input[type=date] { binding: <i title="">input-date</i>; }
-input[type=month] { binding: <i title="">input-month</i>; }
-input[type=week] { binding: <i title="">input-week</i>; }
-input[type=time] { binding: <i title="">input-time</i>; }
-input[type=datetime-local] { binding: <i title="">input-datetime-local</i>; }
-input[type=number] { binding: <i title="">input-number</i>; }</pre>
+input[type=datetime] { binding: <i title="">input-datetime</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=date] { binding: <i title="">input-date</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=month] { binding: <i title="">input-month</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=week] { binding: <i title="">input-week</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=time] { binding: <i title="">input-time</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=datetime-local] { binding: <i title="">input-datetime-local</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=number] { binding: <i title="">input-number</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>When the <i title="">input-datetime</i> binding applies to an
   <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#date-and-time-state" title="attr-input-type-datetime">Date and Time</a> state, the
@@ -61354,7 +61364,7 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=range] { binding: <i title="">input-range</i>; }</pre>
+input[type=range] { binding: <i title="">input-range</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>When the <i title="">input-range</i> binding applies to an
   <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#range-state" title="attr-input-type-range">Range</a> state, the element is
@@ -61377,7 +61387,7 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=color] { binding: <i title="">input-color</i>; }</pre>
+input[type=color] { binding: <i title="">input-color</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>When the <i title="">input-color</i> binding applies to an
   <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#color-state" title="attr-input-type-color">Color</a> state, the element is
@@ -61396,8 +61406,8 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=checkbox] { binding: <i title="">input-checkbox</i>; }
-input[type=radio] { binding: <i title="">input-radio</i>; }</pre>
+input[type=checkbox] { binding: <i title="">input-checkbox</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
+input[type=radio] { binding: <i title="">input-radio</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>When the <i title="">input-checkbox</i> binding applies to an
   <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#checkbox-state" title="attr-input-type-checkbox">Checkbox</a> state, the element
@@ -61415,7 +61425,7 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=file] { binding: <i title="">input-file</i>; }</pre>
+input[type=file] { binding: <i title="">input-file</i>; } /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */</pre>
 
   <p>When the <i title="">input-file</i> binding applies to an
   <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in the <a href="#file-upload-state" title="attr-input-type-file">File Upload</a> state, the element
@@ -61430,7 +61440,7 @@
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-input[type=submit], input[type=reset], input[type=button] {
+input[type=submit], input[type=reset], input[type=button] { /* <a href="#case-insensitive-selector-exception">case-insensitive</a> */
   binding: <i title="">input-button</i>;
 }</pre>
Received on Friday, 2 April 2010 06:11:52 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 18 December 2010 06:14:18 GMT