- From: Tantek Celik via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 12 Jan 2012 06:43:42 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-ui
In directory hutz:/tmp/cvs-serv27460
Modified Files:
Overview.html Overview.src.html
Log Message:
some CSSWG doc template updates,
remove explicit normative statements, grammar fixes,
incorporate :indeterminate defn per dependencies overview/expectation and update/simplify dependencies accordingly,
drop ::selection as dropped from Selectors,
add explicit at-risk notes inline with such features.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.html,v
retrieving revision 1.41
retrieving revision 1.42
diff -u -d -r1.41 -r1.42
--- Overview.html 11 Jan 2012 22:56:10 -0000 1.41
+++ Overview.html 12 Jan 2012 06:43:39 -0000 1.42
@@ -42,15 +42,15 @@
src="http://www.w3.org/Icons/w3c_home" width=72> </a>
<h1>CSS Basic User Interface Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 11 January
+ <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 12 January
2012</h2>
<dl>
<dt>This version:</dt>
<!-- TR "This version". Update "WD" below as needed to CR/PR/REC -->
- <dd><a href="http://www.w3.org/TR/2012/WD-css3-ui-20120111">
- http://www.w3.org/TR/2012/WD-css3-ui-20120111</a></dd>
+ <dd><a href="http://www.w3.org/TR/2012/WD-css3-ui-20120112">
+ http://www.w3.org/TR/2012/WD-css3-ui-20120112</a></dd>
<!-- editor's draft "This version" -->
<!-- <dd><a href="http://dev.w3.org/csswg/css3-ui/">
http://dev.w3.org/csswg/css3-ui/</a>
@@ -61,20 +61,28 @@
<dd><a
href="http://www.w3.org/TR/css3-ui">http://www.w3.org/TR/css3-ui</a>
- <dt>Latest editor's draft:
+ <dt>Editor's draft:
<dd><a
href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a>
+ <dt>Previous version:
+
+ <dd><a href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/"
+ rel=previous>http://www.w3.org/TR/2004/CR-css3-ui-20040511/</a>
+
<dt>Issues list:
<dd><a
href="http://wiki.csswg.org/spec/css3-ui">http://wiki.csswg.org/spec/css3-ui</a>
- <dt>Previous version:
+ <dt>Discussion:
<dd><a
- href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/">http://www.w3.org/TR/2004/CR-css3-ui-20040511/</a>
+ href="mailto:www-style@w3.org?subject=%5Bcss3-ui%5D%20feedback">www-style@w3.org</a>
+ with subject line “<kbd>[css3-ui] <var>… message topic
+ …</var></kbd>” (<a
+ href="http://lists.w3.org/Archives/Public/www-style/">archives</a>)
<dt>Editor:
@@ -283,7 +291,8 @@
Not at risk:
<li>CSS2.1: :hover :active :focus</li>
- <li>Selectors: :enabled :disabled :checked :indeterminate ::selection</li>
+ <li>Selectors: :enabled :disabled :checked</li>
+ <li>:indeterminate implemented by FF3.6, IE9, Opera 10.6, Saf3</li>
<li>box-sizing implemented by IE5/Mac, Opera
-moz-box-sizing implemented by Mozilla
@@ -402,9 +411,7 @@
<li><a href="#classes-of-products"><span class=secno>2.2. </span>Classes
of products</a>
- <li><a href="#profiles"><span class=secno>2.3. </span>Profiles</a>
-
- <li><a href="#extensions"><span class=secno>2.4. </span>Extensions</a>
+ <li><a href="#extensions"><span class=secno>2.3. </span>Extensions</a>
</ul>
<li><a href="#dependencies-on-other-modules"><span class=secno>3.
@@ -419,19 +426,23 @@
<li><a href="#active"><span class=secno>4.1.1. </span>:active
details</a>
- <li><a href="#pseudo-default"><span class=secno>4.1.2.
+ <li><a href="#indeterminate"><span class=secno>4.1.2. </span> The
+ indeterminate-value pseudo-class ‘<code
+ class=css>:indeterminate</code>’</a>
+
+ <li><a href="#pseudo-default"><span class=secno>4.1.3.
</span>:default</a>
- <li><a href="#pseudo-validity"><span class=secno>4.1.3.
+ <li><a href="#pseudo-validity"><span class=secno>4.1.4.
</span><span>:valid</span> and <span>:invalid</span></a>
- <li><a href="#pseudo-range"><span class=secno>4.1.4.
+ <li><a href="#pseudo-range"><span class=secno>4.1.5.
</span><span>:in-range</span> and <span>:out-of-range</span></a>
- <li><a href="#pseudo-required-value"><span class=secno>4.1.5.
+ <li><a href="#pseudo-required-value"><span class=secno>4.1.6.
</span><span>:required</span> and <span>:optional</span></a>
- <li><a href="#pseudo-ro-rw"><span class=secno>4.1.6.
+ <li><a href="#pseudo-ro-rw"><span class=secno>4.1.7.
</span><span>:read-only</span> and <span>:read-write</span></a>
</ul>
@@ -570,8 +581,6 @@
<h2 id=intro><span class=secno>1. </span>Introduction</h2>
- <p>This section is <em>normative</em>.
-
<p> CSS3 is a set of modules, divided up and profiled in order to simplify
the specification, and to allow implementors the flexibility of supporting
the particular modules appropriate for their implementations.
@@ -618,8 +627,6 @@
<h2 id=conformance><span class=secno>2. </span>Conformance</h2>
- <p>This section is <em>normative</em>.
-
<h3 id=definitions><span class=secno>2.1. </span>Definitions</h3>
<p>The key words <span class=index-def id=must title=MUST>"MUST"</span>,
@@ -663,17 +670,12 @@
content languages that contain forms controls or are intended for user
interaction
- <li>User agents that implement one or more levels, modules and or profiles
- of CSS (e.g. <a href="#CSS1" rel=biblioentry>[CSS1]<!--{{CSS1}}--></a>,
- <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>)
+ <li>User agents that implement one or more levels or modules of CSS (e.g.
+ <a href="#CSS1" rel=biblioentry>[CSS1]<!--{{CSS1}}--></a>, <a
+ href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>)
</ul>
- <h3 id=profiles><span class=secno>2.3. </span>Profiles</h3>
-
- <p>This specification contains a number of informative profiles. These
- profiles are not mandatory for conformance.
-
- <h3 id=extensions><span class=secno>2.4. </span>Extensions</h3>
+ <h3 id=extensions><span class=secno>2.3. </span>Extensions</h3>
<p>This specification does not define any explicit extension mechanisms. If
an implementation needs to extend the functionality of this specification,
@@ -686,16 +688,7 @@
<h2 id=dependencies-on-other-modules><span class=secno>3.
</span>Dependencies on other modules</h2>
- <p>This section is <em>normative</em>.
-
- <p>This CSS3 module depends on the following other specifications. Some of
- these specifications may be in their "Candidate Recommendation" phase. If
- this module depends on feature or portion of such a specification which
- ends up being dropped during their "CR" phase(s), then such feature or
- portion thereof will be presumed to be incorporated into this
- specification. For example, if the ":indeterminate" selector was dropped
- from Selectors, then the definition and description of ":indeterminate"
- would be incorporated into the next draft of this specification.
+ <p> This CSS3 module depends on the following other specifications.
<ul>
<li><a href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>
@@ -736,8 +729,6 @@
<h2 id=user-interface-selectors><span class=secno>4. </span>User Interface
Selectors</h2>
- <p>This section is <em>normative</em>.
-
<h3 id=pseudo-classes><span class=secno>4.1. </span>User interface states:
pseudo-classes</h3>
@@ -784,6 +775,22 @@
clarified to apply only to the primary or primary activation button
(typically the "left" mouse button), and any aliases thereof.
+ <h4 id=indeterminate><span class=secno>4.1.2. </span> The
+ indeterminate-value pseudo-class ‘<code
+ class=css>:indeterminate</code>’</h4>
+
+ <p>The <code>:indeterminate</code> pseudo-class applies to UI elements
+ whose value is in an indeterminate state. For example, radio and checkbox
+ elements can be toggled between checked and unchecked states, but are
+ sometimes in an indeterminate state, neither checked nor unchecked.
+ Similarly a progress meter can be in an indeterminate state when the
+ percent completion is unknown.
+
+ <p>Like the <code>:checked</code> pseudo-class, <code>:indeterminate</code>
+ applies to all media. Components of a radio-group initialized with no
+ pre-selected choice, for example, would be <code>:indeterminate</code>
+ even in a static display.
+
<h4 class="no-num no-toc" id=new-user-interface-state-pseudo-classes>New
user interface state pseudo-classes</h4>
@@ -816,18 +823,18 @@
XForms <a href="#XFORMS11"
rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>.
- <h4 id=pseudo-default><span class=secno>4.1.2. </span>:default</h4>
+ <h4 id=pseudo-default><span class=secno>4.1.3. </span>:default</h4>
<p>The :default selector applies to the one or more UI elements that are
- the default among a set of similar elements. Typically applies to context
- menu items, buttons and select lists/menus.
+ the default among a set of similar elements. This selector typically
+ applies to context menu items, buttons, and select lists/menus.
<p> One example is the default submit button among a set of buttons.
Another example is the default option from a popup menu. Multiple elements
in a select-many group could have multiple :default elements, like a
selection of pizza toppings for example.
- <h4 id=pseudo-validity><span class=secno>4.1.3. </span><span
+ <h4 id=pseudo-validity><span class=secno>4.1.4. </span><span
id=pseudo-valid>:valid</span> and <span id=pseudo-invalid>:invalid</span></h4>
<p>An element is :valid or :invalid when it is, respectively, valid or
@@ -838,7 +845,7 @@
from an element which otherwise has no constraints. Such an element would
always be :valid.
- <h4 id=pseudo-range><span class=secno>4.1.4. </span><span
+ <h4 id=pseudo-range><span class=secno>4.1.5. </span><span
id=pseudo-in-range>:in-range</span> and <span
id=pseudo-out-of-range>:out-of-range</span></h4>
@@ -853,7 +860,7 @@
a value of "E" that happens to be presented as a popup menu that only has
choices "A", "B" and "C".
- <h4 id=pseudo-required-value><span class=secno>4.1.5. </span><span
+ <h4 id=pseudo-required-value><span class=secno>4.1.6. </span><span
id=pseudo-required>:required</span> and <span
id=pseudo-optional>:optional</span></h4>
@@ -862,7 +869,7 @@
submitted. Elements that are not form elements are neither required nor
optional.
- <h4 id=pseudo-ro-rw><span class=secno>4.1.6. </span><span
+ <h4 id=pseudo-ro-rw><span class=secno>4.1.7. </span><span
id=pseudo-read-only>:read-only</span> and <span
id=pseudo-read-write>:read-write</span></h4>
@@ -875,20 +882,7 @@
<h3 id=pseudo-elements><span class=secno>4.2. </span>User interface element
fragments: pseudo-elements</h3>
- <p>Selectors (<a href="#SELECT"
- rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, section 7.3) also defines
- one user interface element fragment selector:
-
- <ul>
- <li id=pseudo-selection><a
- href="http://www.w3.org/TR/css3-selectors/#selection">::selection</a>
- </ul>
-
- <p>This pseudo-element is included in this specification as defined by <a
- href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a> by
- reference.
-
- <p>In addition to the above-mentioned pseudo-element, this specification
+ <p> In addition to the above-mentioned pseudo-element, this specification
introduces four new pseudo-elements to provide access to additional user
interface element fragments.
@@ -906,6 +900,9 @@
user interface fragments as defined by XForms <a href="#XFORMS11"
rel=biblioentry>[XFORMS11]<!--{{XFORMS11}}--></a>.
+ <p class=note> Note: The ::value, ::choices, ::repeat-item, and
+ ::repeat-index pseudo-elements are all at risk.
+
<h4 id=pseudo-value><span class=secno>4.2.1. </span>::value</h4>
<p>A form element may contain both a label for its data value, and the data
@@ -1066,8 +1063,6 @@
<h2 id=element-icons><span class=secno>5. </span>Element icons</h2>
- <p>This section is <em>normative</em>.
-
<h3 id=content-property-addition><span class=secno>5.1. </span><span
class=property>‘<a href="#content"><code
class=property>content</code></a>’</span> property addition</h3>
@@ -1131,6 +1126,9 @@
rel=biblioentry>[CSS3GENCON]<!--{{CSS3GENCON}}--></a> will include and
superset this functionality. </em>
+ <p class=note> Note: The ‘<a href="#icon"><code
+ class=property>icon</code></a>’ value is at risk.
+
<h3 id=icon-property><span class=secno>5.2. </span><span
class=property>‘<a href="#icon"><code
class=property>icon</code></a>’</span> property</h3>
@@ -1231,9 +1229,10 @@
</code></pre>
</div>
- <h2 id=box-model-addition><span class=secno>6. </span>Box Model addition</h2>
+ <p class=note> Note: The ‘<a href="#icon"><code
+ class=property>icon</code></a>’ property is at risk.
- <p>This section is <em>normative</em>.
+ <h2 id=box-model-addition><span class=secno>6. </span>Box Model addition</h2>
<h3 id=box-sizing><span class=secno>6.1. </span><span
class=property>‘<a href="#box-sizing0"><code
@@ -1381,9 +1380,10 @@
class=property>box-sizing</code></a>’</span>.</div>
</div>
- <h2 id=outline-properties><span class=secno>7. </span>Outline properties</h2>
+ <p class=note> Note: The ‘<code
+ class=property>padding-box</code>’ value is at risk.
- <p>This section is <em>normative</em>.
+ <h2 id=outline-properties><span class=secno>7. </span>Outline properties</h2>
<p>At times, style sheet authors may want to create outlines around visual
objects such as buttons, active form fields, image maps, etc., to make
@@ -1797,8 +1797,6 @@
<h2 id=resizing-amp-overflow><span class=secno>8. </span>Resizing &
Overflow</h2>
- <p>This section is <em>normative</em>.
-
<p>CSS2.1 provides a mechanism for controlling the appearance of a
scrolling mechanism (e.g. scrollbars) on block container elements. This
specification adds to that a mechanism for controlling user resizability
@@ -2257,8 +2255,6 @@
<h2 id=pointing-devices-and-keyboards><span class=secno>9. </span>Pointing
Devices and Keyboards</h2>
- <p>This section is <em>normative</em>.
-
<h3 id=pointer-interaction><span class=secno>9.1. </span>Pointer
interaction</h3>
@@ -2660,6 +2656,9 @@
The key combination "shift-tab" is often used for reverse sequential
navigation.
+ <p class=note> Note: The ‘<a href="#nav-index0"><code
+ class=property>nav-index</code></a>’ property is at risk.
+
<h4 id=nav-dir><span class=secno>9.2.2. </span>Directional focus
navigation: the <span class=property>‘<a href="#nav-up"><code
class=property>nav-up</code></a>’</span>, <span
@@ -2807,6 +2806,13 @@
relate reasonably to the specified layout.</p>
</div>
+ <p class=note> Note: The ‘<a href="#nav-up"><code
+ class=property>nav-up</code></a>’, ‘<a href="#nav-right"><code
+ class=property>nav-right</code></a>’, ‘<a
+ href="#nav-down"><code class=property>nav-down</code></a>’, and
+ ‘<a href="#nav-left"><code class=property>nav-left</code></a>’
+ properties are at risk.
+
<h4 id=input-method-editor><span class=secno>9.2.3. </span>Input method
editor: the <span class=property>‘<a href="#ime-mode"><code
class=property>ime-mode</code></a>’</span> property</h4>
@@ -2918,6 +2924,9 @@
prevent extended characters from passing through a form. Even with IME
disabled, users can still paste extended characters into a form's fields.
+ <p class=note> Note: The ‘<a href="#ime-mode"><code
+ class=property>ime-mode</code></a>’ property is at risk.
+
<hr title="Separator from footer">
<h2 class=no-num id=acknowledgments>Appendix A. Acknowledgments</h2>
@@ -2933,8 +2942,6 @@
<h2 class=no-num id=references>Appendix B. Bibiliography</h2>
- <p>This appendix is <em>normative</em>.
-
<h3 class="no-num no-toc" id=normative-references>Normative References</h3>
<!--begin-normative-->
<!-- Sorted by label -->
@@ -3190,6 +3197,10 @@
property, and system fonts / extension of the ‘<code
class=property>font</code>’ property shorthand.
+ <li>The ::selection pseudo-element has been dropped since it was dropped
+ from Selectors after testing found interoperability problems and further
+ details to explore/define.
+
<li>‘<a href="#box-sizing0"><code class=css><span
class=property>box-sizing</span></code></a>’ property. Added
‘<code class=property>padding-box</code>’ value.
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.src.html,v
retrieving revision 1.42
retrieving revision 1.43
diff -u -d -r1.42 -r1.43
--- Overview.src.html 11 Jan 2012 22:56:11 -0000 1.42
+++ Overview.src.html 12 Jan 2012 06:43:39 -0000 1.43
@@ -57,28 +57,43 @@
http://dev.w3.org/csswg/css3-ui/</a>
</dd> -->
<dt>Latest version:</dt>
- <dd><a href="http://www.w3.org/TR/[SHORTNAME]">http://www.w3.org/TR/[SHORTNAME]</a></dd>
+ <dd><a href="http://www.w3.org/TR/[SHORTNAME]"
+ >http://www.w3.org/TR/[SHORTNAME]</a></dd>
- <dt>Latest editor's draft:</dt>
- <dd><a href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a></dd>
+ <dt>Editor's draft:</dt>
+ <dd><a href="http://dev.w3.org/csswg/css3-ui/"
+ >http://dev.w3.org/csswg/css3-ui/</a></dd>
+
+ <dt>Previous version:</dt>
+ <dd><a rel="previous"
+ href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/"
+ >http://www.w3.org/TR/2004/CR-css3-ui-20040511/</a></dd>
<dt>Issues list:</dt>
- <dd><a href="http://wiki.csswg.org/spec/css3-ui">http://wiki.csswg.org/spec/css3-ui</a></dd>
+ <dd><a href="http://wiki.csswg.org/spec/css3-ui"
+ >http://wiki.csswg.org/spec/css3-ui</a></dd>
- <dt>Previous version:</dt>
- <dd><a href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/">http://www.w3.org/TR/2004/CR-css3-ui-20040511/</a></dd>
- <dt>Editor:</dt>
- <dd class="h-card vcard">
- <a lang="tr" class="p-name fn u-url url" rel="author"
- href="http://tantek.com">
- Tantek Çelik</a>
+ <dt>Discussion:</dt>
+ <dd><a href="mailto:www-style@w3.org?subject=%5B[SHORTNAME]%5D%20feedback"
+ >www-style@w3.org</a>
+ with subject line “<kbd>[[SHORTNAME]]
+ <var>… message topic …</var></kbd>”
+ (<a href="http://lists.w3.org/Archives/Public/www-style/"
+ >archives</a>)
+ </dd>
+
+ <dt>Editor:</dt>
+ <dd class="h-card vcard">
+ <a lang="tr" class="p-name fn u-url url" rel="author"
+ href="http://tantek.com">
+ Tantek Çelik</a>
(<a class="company h-org org" href="http://www.mozilla.org/">Mozilla
Foundation</a>,
and before at
<a href="http://www.microsoft.com/">Microsoft Corporation</a>)
<<a class="u-email email" href="mailto:tantek@cs.stanford.edu"
>tantek@cs.stanford.edu</a>>
- </dd>
+ </dd>
</dl>
<!--copyright-->
@@ -101,10 +116,13 @@
<p>This specification is a <strong>Last Call Working
Draft</strong>, although it was previously a Candidate Recommendation.
-It has been returned to Last Call Working Draft because this draft removes
-features that were not implemented sufficiently to advance to Proposed
-Recommendation, and had not been previously listed as at risk, as <a
-href="http://www.w3.org/2005/10/Process-20051014/tr.html#cfi">required</a>
+It has been returned to Last Call Working Draft
+because this draft removes features
+that were not implemented sufficiently to advance
+to Proposed Recommendation,
+and had not been previously listed as at risk,
+as <a href="http://www.w3.org/2005/10/Process-20051014/tr.html#cfi"
+ >required</a>
by the W3C Process.
This draft also adds a couple of new properties and values.
See <a href="#changes">Appendix C. Changes</a> for further details.
@@ -169,11 +187,15 @@
errors to be caught.</p></li>
<li><p>The CR period will be extended if implementations are slow to
appear.</p></li>
- <li><p>Features that are <em>at risk</em> (see the below list) will be dropped (thus reducing the list of "all" features mentioned above) if two or more
- interoperable implementations of those features are not found by
- the end of the CR period, or if sufficient and adequate
- tests (by judgment of the Working Group) have not been produced for
- those features by the end of the CR period.</p></li>
+ <li><p>Features that are <em>at risk</em> (see the below list)
+ will be dropped (thus reducing the list of "all" features
+ mentioned above)
+ if two or more interoperable implementations of those features
+ are not found by the end of the CR period,
+ or if sufficient and adequate tests
+ (by judgment of the Working Group)
+ have not been produced
+ for those features by the end of the CR period.</p></li>
</ol>
<p>A <a href="/Style/CSS/Test/">test suite</a> and a <a
@@ -185,7 +207,15 @@
<h3 class="no-num no-toc" id="atrisk">Features at risk</h3>
-<p>The Working Group has identified the following features as at risk of being removed from CSS Basic User Interface Module Level 3 when exiting CR. Implementors are urged to implement these features, if they wish to see these features remain in this specification. All other features are either defined in a normative reference (e.g. CSS 2.1 [[!CSS21]] or Selectors [[!SELECT]]) or are believed to have two or more implementations, and thus will not be dropped without returning to last call.</p>
+<p>The Working Group has identified the following features as at risk
+of being removed from CSS Basic User Interface Module Level 3
+when exiting CR.
+Implementors are urged to implement these features,
+if they wish to see these features remain in this specification.
+All other features are either defined in a normative reference
+(e.g. CSS 2.1 [[!CSS21]] or Selectors [[!SELECT]])
+or are believed to have two or more implementations,
+and thus will not be dropped without returning to last call.</p>
<ul>
<!--
At risk due to only one implementation, or obsolete dependency:
@@ -207,7 +237,8 @@
Not at risk:
<li>CSS2.1: :hover :active :focus</li>
- <li>Selectors: :enabled :disabled :checked :indeterminate ::selection</li>
+ <li>Selectors: :enabled :disabled :checked</li>
+ <li>:indeterminate implemented by FF3.6, IE9, Opera 10.6, Saf3</li>
<li>box-sizing implemented by IE5/Mac, Opera
-moz-box-sizing implemented by Mozilla
@@ -238,7 +269,8 @@
<li>'content' property value: icon</li>
<li>'icon' property</li>
<li>'ime-mode' property</li>
- <li>'nav-index', 'nav-up', 'nav-down', 'nav-right', 'nav-left' properties</li>
+ <li>'nav-index', 'nav-up', 'nav-down', 'nav-right', 'nav-left'
+ properties</li>
<li>'text-overflow' property value: <string></li>
<li>'text-overflow' property 2-value syntax and definition.</li>
</ul>
@@ -288,11 +320,11 @@
<h2 id="intro">Introduction</h2>
-<p>This section is <em>normative</em>.</p>
-
<p>
CSS3 is a set of modules, divided up and profiled in order to
-simplify the specification, and to allow implementors the flexibility of supporting the particular modules appropriate for their implementations.
+simplify the specification,
+and to allow implementors the flexibility of supporting
+the particular modules appropriate for their implementations.
</p>
<p>
This module describes selectors and CSS properties which enable authors
@@ -328,8 +360,6 @@
<h2>Conformance</h2>
-<p>This section is <em>normative</em>.</p>
-
<h3>Definitions</h3>
<p>The key words <span class="index-def" title="MUST">"MUST"</span>,
@@ -343,37 +373,49 @@
class="index-def" title="MAY">"MAY"</span>, and <span
class="index-def" title="OPTIONAL">"OPTIONAL"</span> in this document
are to be interpreted as described in RFC 2119 (see [[!RFC2119]]).
-However, for readability, these words do not typically appear in all uppercase
-letters in this specification.
+However, for readability, these words do not typically appear
+in all uppercase letters in this specification.
</p>
-<p>Additional key words, e.g. "User agent (UA)", are <a href="http://www.w3.org/TR/CSS21/conform.html#defs">defined by CSS 2.1</a> ([[!CSS21]], section 3.1).</p>
+<p>Additional key words, e.g. "User agent (UA)", are
+<a href="http://www.w3.org/TR/CSS21/conform.html#defs">defined
+by CSS 2.1</a> ([[!CSS21]], section 3.1).</p>
<h3>Classes of products</h3>
-<p>The following classes of products (many of which overlap) should consider implementing this specification:</p>
+<p>The following classes of products (many of which overlap)
+should consider implementing this specification:</p>
<ul>
<li>Web browsers</li>
-<li>User agents that implement one or more of the following types of content: HTML ([[HTML401]], [[HTML5]]), XHTML ([[XHTML10]], [[XHTML11]]), XForms (e.g. [[XFORMS11]]), SVG (e.g. [[SVG10]], [[SVG11]]) or other content languages that contain forms controls or are intended for user interaction</li>
-<li>User agents that implement one or more levels, modules and or profiles of CSS (e.g. [[CSS1]], [[!CSS21]])</li>
+<li>User agents that implement one or more of the following types of
+content: HTML ([[HTML401]], [[HTML5]]), XHTML ([[XHTML10]],
+[[XHTML11]]), XForms (e.g. [[XFORMS11]]), SVG (e.g. [[SVG10]],
+[[SVG11]]) or other content languages that contain forms controls
+or are intended for user interaction
+</li>
+<li>User agents that implement one or more levels or modules of CSS
+(e.g. [[CSS1]], [[!CSS21]])</li>
</ul>
-<h3>Profiles</h3>
-
-<p>This specification contains a number of informative profiles. These profiles are not mandatory for conformance.</p>
-
<h3>Extensions</h3>
-<p>This specification does not define any explicit extension mechanisms. If an implementation needs to extend the functionality of this specification, it must follow any/all guidelines and requirements of extensions as defined in CSS2.1, e.g. <a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">Vendor-specific extensions</a> ([[!CSS21]], section 4.1.2.1).
+<p>This specification does not define
+any explicit extension mechanisms.
+If an implementation needs to extend the functionality
+of this specification, it must follow any/all guidelines
+and requirements of extensions as defined in CSS2.1, e.g.
+<a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords"
+ >Vendor-specific extensions</a>
+ ([[!CSS21]], section 4.1.2.1).
</p>
<h2>Dependencies on other modules</h2>
-<p>This section is <em>normative</em>.</p>
-
-<p>This CSS3 module depends on the following other specifications. Some of these specifications may be in their "Candidate Recommendation" phase. If this module depends on feature or portion of such a specification which ends up being dropped during their "CR" phase(s), then such feature or portion thereof will be presumed to be incorporated into this specification. For example, if the ":indeterminate" selector was dropped from Selectors, then the definition and description of ":indeterminate" would be incorporated into the next draft of this specification.</p>
+<p>
+This CSS3 module depends on the following other specifications.
+</p>
<ul>
<li>[[!SELECT]]</li>
@@ -406,8 +448,6 @@
<h2>User Interface Selectors</h2>
-<p>This section is <em>normative</em>.</p>
-
<h3 id="pseudo-classes">User interface states: pseudo-classes</h3>
<p>The Selectors specification <a href="http://www.w3.org/TR/css3-selectors/#UIstates">defines several user interface selectors</a> ([[!SELECT]], sections 6.6.1 and 6.6.4) which represent
user interface states:</p>
@@ -420,21 +460,49 @@
<li id="pseudo-indeterminate"><a href="http://www.w3.org/TR/css3-selectors/#indeterminate">:indeterminate</a></li>
</ul>
-<p>These pseudo-classes as defined by [[!SELECT]] are included in this specification by reference.</p>
+<p>These pseudo-classes as defined by [[!SELECT]] are
+included in this specification by reference.</p>
-<p>CSS 2.1 [[!CSS21]] specifies additional details for some of the selectors mentioned, above and beyond Selectors.
+<p>CSS 2.1 [[!CSS21]] specifies additional details
+for some of the selectors mentioned, above and beyond Selectors.
</p>
<h4 id="active">:active details</h4>
-<p>In addition, on systems with more than one mouse button, :active is clarified to apply only to the primary or primary activation button (typically the "left" mouse button), and any aliases thereof.</p>
+<p>In addition, on systems with more than one mouse button,
+:active is clarified to apply only to the primary
+or primary activation button (typically the "left" mouse button),
+and any aliases thereof.
+</p>
+
+<h4 id="indeterminate">
+The indeterminate-value pseudo-class '':indeterminate''</h4>
+
+<p>The <code>:indeterminate</code> pseudo-class applies
+to UI elements whose value is in an indeterminate state.
+For example, radio and checkbox elements
+can be toggled between checked and unchecked states,
+but are sometimes in an indeterminate state,
+neither checked nor unchecked.
+Similarly a progress meter can be in an indeterminate state
+when the percent completion is unknown.
+</p>
+
+<p>Like the <code>:checked</code> pseudo-class,
+<code>:indeterminate</code> applies to all media.
+Components of a radio-group initialized with no pre-selected choice,
+for example, would be <code>:indeterminate</code>
+even in a static display.
+</p>
+
<h4 class="no-num no-toc">New user interface state pseudo-classes</h4>
<p>In addition to the above-mentioned pseudo-classes, this specification introduces several new pseudo-classes to define additional user interface states.
</p>
-<ul><li>:default</li>
+<ul>
+ <li>:default</li>
<li>:valid</li>
<li>:invalid</li>
<li>:in-range</li>
@@ -448,7 +516,10 @@
<p>Specifically, these new states (except for :default) are provided as a way to style elements which are in the respective states as defined by XForms [[XFORMS11]].</p>
<h4 id="pseudo-default">:default</h4>
-<p>The :default selector applies to the one or more UI elements that are the default among a set of similar elements. Typically applies to context menu items, buttons and select lists/menus.
+<p>The :default selector applies to the one or more UI elements
+that are the default among a set of similar elements.
+This selector typically applies to context menu items,
+buttons, and select lists/menus.
</p>
<p>
One example is the default submit button among a set of buttons. Another example is the default option from a popup menu. Multiple elements in a select-many group could have multiple :default elements, like a selection of pizza toppings for example.
@@ -486,13 +557,10 @@
<h3 id="pseudo-elements">User interface element fragments: pseudo-elements</h3>
-<p>Selectors ([[!SELECT]], section 7.3) also defines one user interface element fragment selector:</p>
-<ul><li id="pseudo-selection"><a href="http://www.w3.org/TR/css3-selectors/#selection">::selection</a></li>
-</ul>
-
-<p>This pseudo-element is included in this specification as defined by [[!SELECT]] by reference.</p>
-
-<p>In addition to the above-mentioned pseudo-element, this specification introduces four new pseudo-elements to provide access to additional user interface element fragments.
+<p>
+In addition to the above-mentioned pseudo-element,
+this specification introduces four new pseudo-elements
+to provide access to additional user interface element fragments.
</p>
<ul><li>::value</li>
<li>::choices</li>
@@ -500,8 +568,14 @@
<li>::repeat-index</li>
</ul>
-<p>Specifically, these new pseudo-elements are provided as a way to style user interface fragments as defined by XForms [[XFORMS11]].</p>
+<p>Specifically, these new pseudo-elements are provided
+as a way to style user interface fragments
+as defined by XForms [[XFORMS11]].</p>
+<p class="note">
+Note: The ::value, ::choices, ::repeat-item, and ::repeat-index
+pseudo-elements are all at risk.
+</p>
<h4 id="pseudo-value">::value</h4>
@@ -629,8 +703,6 @@
<h2>Element icons</h2>
-<p>This section is <em>normative</em>.</p>
-
<h3><span class="property">'content'</span> property addition</h3>
<table class="propdef"><tbody>
@@ -655,6 +727,9 @@
It is expected that the next draft of the CSS3 Generated Content module [[CSS3GENCON]] will include and superset this functionality.
</em></p>
+<p class="note">
+Note: The 'icon' value is at risk.
+</p>
<h3><span class="property">'icon'</span> property</h3>
@@ -695,11 +770,12 @@
</code></pre>
</div>
+<p class="note">
+Note: The 'icon' property is at risk.
+</p>
<h2>Box Model addition</h2>
-<p>This section is <em>normative</em>.</p>
-
<h3 id="box-sizing"><span class="property">'box-sizing'</span> property</h3>
<table class="propdef"><tbody>
@@ -782,10 +858,12 @@
</div>
</div>
+<p class="note">
+Note: The 'padding-box' value is at risk.
+</p>
-<h2>Outline properties</h2>
-<p>This section is <em>normative</em>.</p>
+<h2>Outline properties</h2>
<p>At times, style sheet authors may want to create outlines around
visual objects such as buttons, active form fields, image maps, etc.,
@@ -880,9 +958,29 @@
</p>
<p>The <span class=property>'outline-style'</span> property accepts
-the same values as <a href="http://www.w3.org/TR/CSS21/box.html#propdef-border-style" class="noxref"><span
-class="propinst-border-style">'border-style'</span></a> ([[!CSS21]], section 8.5.3),
-except that '<span class="value">hidden</span>' is not a legal outline style. In addition, in CSS3, <span class=property>'outline-style'</span> accepts the value '<span class="value">auto</span>'. The '<span class="value">auto</span>' value permits the user agent to render a custom outline style, typically a style which is either a user interface default for the platform, or perhaps a style that is richer than can be described in detail in CSS, e.g. a rounded edge outline with semi-translucent outer pixels that appears to glow. As such, this specification does not define how the <span class="property">'outline-color'</span> is incorporated or used (if at all) when rendering '<span class="value">auto</span>' style outlines. User agents may treat '<span class="value">auto</span>' as '<span class="value">solid</span>'.
+the same values as
+<a href="http://www.w3.org/TR/CSS21/box.html#propdef-border-style"
+ class="noxref"
+ ><span class="propinst-border-style"
+ >'border-style'</span></a>
+([[!CSS21]], section 8.5.3), except that
+'<span class="value">hidden</span>' is not a legal outline style.
+In addition, in CSS3,
+<span class=property>'outline-style'</span>
+accepts the value '<span class="value">auto</span>'.
+The '<span class="value">auto</span>' value permits the user agent
+to render a custom outline style,
+typically a style which is either a user interface default
+for the platform, or perhaps a style that is richer
+than can be described in detail in CSS,
+e.g. a rounded edge outline with semi-translucent outer pixels
+that appears to glow.
+As such, this specification does not define how the
+<span class="property">'outline-color'</span>
+is incorporated or used (if at all) when rendering
+'<span class="value">auto</span>' style outlines.
+User agents may treat '<span class="value">auto</span>' as
+'<span class="value">solid</span>'.
</p>
<p>The <span class="property">'outline-color'</span> property
@@ -979,8 +1077,6 @@
<h2>Resizing & Overflow</h2>
-<p>This section is <em>normative</em>.</p>
-
<p>CSS2.1 provides a mechanism for controlling the appearance of a scrolling mechanism (e.g. scrollbars) on block container elements.
This specification adds to that a mechanism for controlling
user resizability of elements as well as the ability to specify text overflow behavior.</p>
@@ -1126,11 +1222,14 @@
</dl>
<p class="note">
-Note: The <string> value, and the 2-value syntax "{1,2}" and functionality are all at risk.
+Note: The <string> value, and the 2-value syntax "{1,2}"
+and functionality are all at risk.
</p>
<p>
-The term "character" is used in this property definition for better readability and means "grapheme cluster" [[!UAX29]] for implementation purposes.
+The term "character" is used in this property definition
+for better readability and means "grapheme cluster" [[!UAX29]]
+for implementation purposes.
</p>
<p>
@@ -1329,8 +1428,6 @@
<h2>Pointing Devices and Keyboards</h2>
-<p>This section is <em>normative</em>.</p>
-
<h3>Pointer interaction</h3>
<h4 id="cursor"><span class="property">'cursor'</span> property</h4>
@@ -1577,6 +1674,10 @@
User agents may also define key sequences to navigate the sequential navigation order in reverse. When the end (or beginning) of the tabbing order is reached, user agents may circle back to the beginning (or end). The key combination "shift-tab" is often used for reverse sequential navigation.
</p>
+<p class="note">
+Note: The 'nav-index' property is at risk.
+</p>
+
<h4 id="nav-dir">Directional focus navigation: the <span class="property">'nav-up'</span>, <span class="property">'nav-right'</span>, <span class="property">'nav-down'</span>, <span class="property">'nav-left'</span> properties</h4>
<table class="propdef"><tbody>
<tr><th>Name: </th><td><dfn>nav-up</dfn>, <dfn>nav-right</dfn>, <dfn>nav-down</dfn>, <dfn>nav-left</dfn></td></tr>
@@ -1651,6 +1752,12 @@
<p>Whatever markup sequence the buttons may have (which is not specified in this example) is irrelevant in this case because they are positioned, and yet, it is still important to ensure focus navigation behaviors which relate reasonably to the specified layout.</p>
</div>
+<p class="note">
+Note: The 'nav-up', 'nav-right', 'nav-down', and 'nav-left' properties
+are at risk.
+</p>
+
+
<h4 id="input-method-editor">Input method editor: the <span class="property">'ime-mode'</span> property</h4>
<table class="propdef"><tbody>
@@ -1716,7 +1823,17 @@
</div>
<p class="note">
-Note: In general, it's not appropriate for a public web site to manipulate the IME mode setting. This property should be used for web applications and the like. Authors should not rely on disabling IME to prevent extended characters from passing through a form. Even with IME disabled, users can still paste extended characters into a form's fields.
+Note: In general, it's not appropriate for a public web site
+to manipulate the IME mode setting.
+This property should be used for web applications and the like.
+Authors should not rely on disabling IME
+to prevent extended characters from passing through a form.
+Even with IME disabled, users can still paste extended characters
+into a form's fields.
+</p>
+
+<p class="note">
+Note: The 'ime-mode' property is at risk.
</p>
<hr title="Separator from footer">
@@ -1735,8 +1852,6 @@
<h2 class="no-num" id="references">Appendix B. Bibiliography</h2>
-<p>This appendix is <em>normative</em>.</p>
-
<h3 class="no-num no-toc">Normative References</h3>
<!--normative-->
@@ -1749,17 +1864,27 @@
<p>This appendix is <em>informative</em>.</p>
-<p>In general this draft contains numerous editorial/grammatical/spelling corrections, and several new informative examples. This appendix describes minor functional changes from the <a href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/">Candidate Recommendation (CR)
-of 11 May 2004</a> that were made to reflect implementer adoption (or lack thereof) in the seven years since. In particular, changes since the CR fall into one of three categories:
+<p>In general this draft contains numerous
+editorial/grammatical/spelling corrections,
+and several new informative examples.
+This appendix describes minor functional changes from the
+<a href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/"
+ >Candidate Recommendation (CR) of 11 May 2004</a>
+that were made to reflect implementer adoption (or lack thereof)
+in the seven years since.
+In particular, changes since the CR fall into one of
+three categories:
</p>
<ul>
<li>Minor refinements to features based on implementation experience.
<!-- e.g. cursor applying to border, padding, content areas -->
</li>
-<li>Dropping features that were not implemented, or were insufficiently implemented to exit CR.</li>
+<li>Dropping features that were not implemented,
+or were insufficiently implemented to exit CR.</li>
<!-- e.g. System Appearance -->
-<li>Adding a small number of new but already interoperably implemented features.
+<li>Adding a small number of new but already interoperably
+implemented features.
<!-- e.g. text-overflow, ime-mode -->
</li>
</ul>
@@ -1772,6 +1897,11 @@
and system fonts / extension of the 'font' property shorthand.
</li>
+<li>The ::selection pseudo-element has been dropped since
+it was dropped from Selectors after testing found
+interoperability problems and further details to explore/define.
+</li>
+
<li>'<span class="property">box-sizing</span>' property. Added 'padding-box' value.</li>
<li>'<span class="property">cursor</span>' property. Added detail about applying to the border, padding, and content areas of the element.</li>
Received on Thursday, 12 January 2012 06:44:01 UTC