- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 06 Feb 2009 01:43:10 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec In directory hutz:/tmp/cvs-serv4084 Modified Files: Overview.html Log Message: Filling in the rendering section: <hr>, and a rearranging of the sections with minor tweaks. Again. (whatwg r2763) Index: Overview.html =================================================================== RCS file: /sources/public/html5/spec/Overview.html,v retrieving revision 1.1932 retrieving revision 1.1933 diff -u -d -r1.1932 -r1.1933 --- Overview.html 5 Feb 2009 23:33:35 -0000 1.1932 +++ Overview.html 6 Feb 2009 01:43:08 -0000 1.1933 @@ -10,7 +10,7 @@ <p><a href=http://www.w3.org/><img alt=W3C height=48 src=http://www.w3.org/Icons/w3c_home width=72></a></p> <h1>HTML 5</h1> <h2 class="no-num no-toc" id=a-vocabulary-and-associated-apis-for-html-and-xhtml>A vocabulary and associated APIs for HTML and XHTML</h2> - <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->5 February 2009</h2> + <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->6 February 2009</h2> <dl><!-- ZZZ: update the month/day <dt>This Version:</dt> <dd><a href="http://www.w3.org/TR/2009/WD-html5-20090610/">http://www.w3.org/TR/2009/WD-html5-20090610/</a></dd> @@ -99,7 +99,7 @@ specification's progress along the W3C Recommendation track. <!--ZZZ:--> - This specification is the 5 February 2009 <!--ZZZ "Working Draft"-->Editor's Draft. + This specification is the 6 February 2009 <!--ZZZ "Working Draft"-->Editor's Draft. <!--:ZZZ--> </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>This specification is also being produced by the <a href=http://www.whatwg.org/>WHATWG</a>. The two specifications are identical from the table of contents onwards.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- context and rationale (required) --><p>This specification is intended to replace (be a new version of) @@ -952,54 +952,53 @@ <li><a href=#rendering><span class=secno>10 </span>Rendering</a> <ol> <li><a href=#introduction-8><span class=secno>10.1 </span>Introduction</a></li> - <li><a href=#hidden-elements><span class=secno>10.2 </span>Hidden elements</a></li> - <li><a href=#simple-defaults><span class=secno>10.3 </span>Simple defaults</a> + <li><a href=#the-css-user-agent-style-sheet-and-presentational-hints><span class=secno>10.2 </span>The CSS user agent style sheet and presentational hints</a> <ol> - <li><a href=#introduction-9><span class=secno>10.3.1 </span>Introduction</a></li> - <li><a href=#display-types><span class=secno>10.3.2 </span>Display types</a></li> - <li><a href=#margins-and-padding><span class=secno>10.3.3 </span>Margins and padding</a></li> - <li><a href=#alignment><span class=secno>10.3.4 </span>Alignment</a></li> - <li><a href=#fonts-and-colors><span class=secno>10.3.5 </span>Fonts and colors</a></li> - <li><a href=#punctuation-and-decorations><span class=secno>10.3.6 </span>Punctuation and decorations</a></li> - <li><a href=#resetting-rules-for-inherited-properties><span class=secno>10.3.7 </span>Resetting rules for inherited properties</a></ol></li> - <li><a href=#replaced-elements><span class=secno>10.4 </span>Replaced elements</a> + <li><a href=#introduction-9><span class=secno>10.2.1 </span>Introduction</a></li> + <li><a href=#display-types><span class=secno>10.2.2 </span>Display types</a></li> + <li><a href=#margins-and-padding><span class=secno>10.2.3 </span>Margins and padding</a></li> + <li><a href=#alignment><span class=secno>10.2.4 </span>Alignment</a></li> + <li><a href=#fonts-and-colors><span class=secno>10.2.5 </span>Fonts and colors</a></li> + <li><a href=#punctuation-and-decorations><span class=secno>10.2.6 </span>Punctuation and decorations</a></li> + <li><a href=#resetting-rules-for-inherited-properties><span class=secno>10.2.7 </span>Resetting rules for inherited properties</a></li> + <li><a href=#the-hr-element-0><span class=secno>10.2.8 </span>The <code>hr</code> element</a></li> + <li><a href=#the-fieldset-element-0><span class=secno>10.2.9 </span>The <code>fieldset</code> element</a></ol></li> + <li><a href=#replaced-elements><span class=secno>10.3 </span>Replaced elements</a> <ol> - <li><a href=#embedded-content-1><span class=secno>10.4.1 </span>Embedded content</a></li> - <li><a href=#images-0><span class=secno>10.4.2 </span>Images</a></li> - <li><a href=#attributes-for-embedded-content-and-images><span class=secno>10.4.3 </span>Attributes for embedded content and images</a></li> - <li><a href=#tool-bars-0><span class=secno>10.4.4 </span>Tool bars</a></ol></li> - <li><a href=#bindings><span class=secno>10.5 </span>Bindings</a> + <li><a href=#embedded-content-1><span class=secno>10.3.1 </span>Embedded content</a></li> + <li><a href=#images-0><span class=secno>10.3.2 </span>Images</a></li> + <li><a href=#attributes-for-embedded-content-and-images><span class=secno>10.3.3 </span>Attributes for embedded content and images</a></li> + <li><a href=#tool-bars-0><span class=secno>10.3.4 </span>Tool bars</a></ol></li> + <li><a href=#bindings><span class=secno>10.4 </span>Bindings</a> <ol> - <li><a href=#introduction-10><span class=secno>10.5.1 </span>Introduction</a></li> - <li><a href=#the-bb-element-0><span class=secno>10.5.2 </span>The <code>bb</code> element</a></li> - <li><a href=#the-button-element-0><span class=secno>10.5.3 </span>The <code>button</code> element</a></li> - <li><a href=#the-datagrid-element><span class=secno>10.5.4 </span>The <code>datagrid</code> element</a></li> - <li><a href=#the-details-element-0><span class=secno>10.5.5 </span>The <code>details</code> element</a></li> - <li><a href=#the-fieldset-element-0><span class=secno>10.5.6 </span>The <code>fieldset</code> element</a></li> - <li><a href=#the-hr-element-0><span class=secno>10.5.7 </span>The <code>hr</code> element</a></li> - <li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.5.8 </span>The <code>input</code> element as a text entry widget</a></li> - <li><a href=#the-input-element-as-domain-specific-widgets><span class=secno>10.5.9 </span>The <code>input</code> element as domain-specific widgets</a></li> - <li><a href=#the-input-element-as-a-range-control><span class=secno>10.5.10 </span>The <code>input</code> element as a range control</a></li> - <li><a href=#the-input-element-as-a-color-well><span class=secno>10.5.11 </span>The <code>input</code> element as a color well</a></li> - <li><a href=#the-input-element-as-a-check-box-widget><span class=secno>10.5.12 </span>The <code>input</code> element as a check box widget</a></li> - <li><a href=#the-input-element-as-a-radio-button-widget><span class=secno>10.5.13 </span>The <code>input</code> element as a radio button widget</a></li> - <li><a href=#the-input-element-as-a-file-upload-control><span class=secno>10.5.14 </span>The <code>input</code> element as a file upload control</a></li> - <li><a href=#the-input-element-as-a-button><span class=secno>10.5.15 </span>The <code>input</code> element as a button</a></li> - <li><a href=#the-marquee-element><span class=secno>10.5.16 </span>The <code>marquee</code> element</a></li> - <li><a href=#the-meter-element-0><span class=secno>10.5.17 </span>The <code>meter</code> element</a></li> - <li><a href=#the-progress-element-0><span class=secno>10.5.18 </span>The <code>progress</code> element</a></li> - <li><a href=#the-select-element-0><span class=secno>10.5.19 </span>The <code>select</code> element</a></li> - <li><a href=#the-textarea-element-0><span class=secno>10.5.20 </span>The <code>textarea</code> element</a></ol></li> - <li><a href=#frames-and-framesets><span class=secno>10.6 </span>Frames and framesets</a></li> - <li><a href=#interactive-media><span class=secno>10.7 </span>Interactive media</a> + <li><a href=#introduction-10><span class=secno>10.4.1 </span>Introduction</a></li> + <li><a href=#the-bb-element-0><span class=secno>10.4.2 </span>The <code>bb</code> element</a></li> + <li><a href=#the-button-element-0><span class=secno>10.4.3 </span>The <code>button</code> element</a></li> + <li><a href=#the-datagrid-element><span class=secno>10.4.4 </span>The <code>datagrid</code> element</a></li> + <li><a href=#the-details-element-0><span class=secno>10.4.5 </span>The <code>details</code> element</a></li> + <li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.6 </span>The <code>input</code> element as a text entry widget</a></li> + <li><a href=#the-input-element-as-domain-specific-widgets><span class=secno>10.4.7 </span>The <code>input</code> element as domain-specific widgets</a></li> + <li><a href=#the-input-element-as-a-range-control><span class=secno>10.4.8 </span>The <code>input</code> element as a range control</a></li> + <li><a href=#the-input-element-as-a-color-well><span class=secno>10.4.9 </span>The <code>input</code> element as a color well</a></li> + <li><a href=#the-input-element-as-a-check-box-widget><span class=secno>10.4.10 </span>The <code>input</code> element as a check box widget</a></li> + <li><a href=#the-input-element-as-a-radio-button-widget><span class=secno>10.4.11 </span>The <code>input</code> element as a radio button widget</a></li> + <li><a href=#the-input-element-as-a-file-upload-control><span class=secno>10.4.12 </span>The <code>input</code> element as a file upload control</a></li> + <li><a href=#the-input-element-as-a-button><span class=secno>10.4.13 </span>The <code>input</code> element as a button</a></li> + <li><a href=#the-marquee-element><span class=secno>10.4.14 </span>The <code>marquee</code> element</a></li> + <li><a href=#the-meter-element-0><span class=secno>10.4.15 </span>The <code>meter</code> element</a></li> + <li><a href=#the-progress-element-0><span class=secno>10.4.16 </span>The <code>progress</code> element</a></li> + <li><a href=#the-select-element-0><span class=secno>10.4.17 </span>The <code>select</code> element</a></li> + <li><a href=#the-textarea-element-0><span class=secno>10.4.18 </span>The <code>textarea</code> element</a></ol></li> + <li><a href=#frames-and-framesets><span class=secno>10.5 </span>Frames and framesets</a></li> + <li><a href=#interactive-media><span class=secno>10.6 </span>Interactive media</a> <ol> - <li><a href=#hit-testing><span class=secno>10.7.1 </span>Hit testing</a></li> - <li><a href=#links-0><span class=secno>10.7.2 </span>Links</a></li> - <li><a href=#the-mark-element-0><span class=secno>10.7.3 </span>The <code>mark</code> element</a></li> - <li><a href=#the-contenteditable-attribute><span class=secno>10.7.4 </span>The <code title=attr-contenteditable>contenteditable</code> attribute</a></li> - <li><a href=#the-title-attribute-0><span class=secno>10.7.5 </span>The <code title=attr-title>title</code> attribute</a></ol></li> - <li><a href=#print-media><span class=secno>10.8 </span>Print media</a></li> - <li><a href=#interaction-with-css><span class=secno>10.9 </span>Interaction with CSS</a></ol></li> + <li><a href=#hit-testing><span class=secno>10.6.1 </span>Hit testing</a></li> + <li><a href=#links-0><span class=secno>10.6.2 </span>Links</a></li> + <li><a href=#the-mark-element-0><span class=secno>10.6.3 </span>The <code>mark</code> element</a></li> + <li><a href=#the-contenteditable-attribute><span class=secno>10.6.4 </span>The <code title=attr-contenteditable>contenteditable</code> attribute</a></li> + <li><a href=#the-title-attribute-0><span class=secno>10.6.5 </span>The <code title=attr-title>title</code> attribute</a></ol></li> + <li><a href=#print-media><span class=secno>10.7 </span>Print media</a></li> + <li><a href=#interaction-with-css><span class=secno>10.8 </span>Interaction with CSS</a></ol></li> <li><a href=#obsolete-features><span class=secno>11 </span>Obsolete features</a> <ol> <li><a href=#self-contained-features><span class=secno>11.1 </span>Self-contained features</a> @@ -46209,14 +46208,7 @@ medium with a resolution of 96dpi or greater, but HTML is intended to apply to multiple media (it is a <i>media-independent</i> language). User agents are encouraged to adapt the suggestions in - this section to their target media.<h3 id=hidden-elements><span class=secno>10.2 </span>Hidden elements</h3><p>User agents are expected to use the following styles in all - media.<pre class=css>@namespace url(http://www.w3.org/1999/xhtml); - -[hidden], area, audio:not([controls]), base, basefont, command, -datalist, eventsource, head, input[type=hidden], link, -menu[type=context], meta, noembed, noframes, param, script, source, -style, title { display: none; }</pre><p>This hides all the elements that do not represent anything - visible.<h3 id=simple-defaults><span class=secno>10.3 </span>Simple defaults</h3><h4 id=introduction-9><span class=secno>10.3.1 </span>Introduction</h4><p>The CSS rules given in these subsections are, unless otherwise + this section to their target media.<h3 id=the-css-user-agent-style-sheet-and-presentational-hints><span class=secno>10.2 </span>The CSS user agent style sheet and presentational hints</h3><h4 id=introduction-9><span class=secno>10.2.1 </span>Introduction</h4><p>The CSS rules given in these subsections are, unless otherwise specified, expected to be used as part of the user-agent level style sheet defaults for all documents that contain <a href=#html-elements>HTML elements</a>.<p>Some rules are intended for the author-level zero-specificity @@ -46237,7 +46229,12 @@ dimension as the value for a <a href=#presentational-hints title="presentational hints">presentational hint</a> for <var title="">properties</var>, with the value given as a pixel length if the dimension was an integer, and with the value given as a - percentage if the dimension was a percentage.<h4 id=display-types><span class=secno>10.3.2 </span>Display types</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + percentage if the dimension was a percentage.<h4 id=display-types><span class=secno>10.2.2 </span>Display types</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + +[hidden], area, audio:not([controls]), base, basefont, command, +datalist, eventsource, head, input[type=hidden], link, +menu[type=context], meta, noembed, noframes, param, script, source, +style, title { display: none; } address, article, aside, blockquote, body, center, dd, dialog, dir, div, dl, dt, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, @@ -46273,7 +46270,9 @@ <code><a href=#the-rp-element>rp</a></code> elements are expected to be wrapped in anonymous boxes whose 'display' property has the value 'ruby-base'.<p>User agents that do not support correct ruby rendering are expected to render parentheses around the text of <code><a href=#the-rt-element>rt</a></code> - elements in the absence of <code><a href=#the-rp-element>rp</a></code> elements.<h4 id=margins-and-padding><span class=secno>10.3.3 </span>Margins and padding</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + elements in the absence of <code><a href=#the-rp-element>rp</a></code> elements.<p>The <code><a href=#the-br-element>br</a></code> element is expected to render as if its + contents were a single U+000A LINE FEED (LF) character and its + 'white-space' property was 'pre'.<h4 id=margins-and-padding><span class=secno>10.2.3 </span>Margins and padding</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); article, aside, blockquote, dir, dl, figure, listing, menu, nav, ol, p, plaintext, pre, section, ul, xmp { @@ -46390,7 +46389,7 @@ form { margin-bottom: 1em; }</pre><p>When a <code>Document</code> is in <a href=#quirks-mode>quirks mode</a>, margins on <a href=#html-elements>HTML elements</a> that collapse with the top or bottom of the initial containing block are expected to be collapsed - to zero.<h4 id=alignment><span class=secno>10.3.4 </span>Alignment</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + to zero.<h4 id=alignment><span class=secno>10.2.4 </span>Alignment</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); thead, tbody, tfoot, table > tr { vertical-align: middle; } tr, td, th { vertical-align: inherit; } @@ -46476,7 +46475,7 @@ their descendants had their 'margin-right' property set to 'auto' in <a href=#presentational-hints>presentational hints</a>.<p>In all these cases, the effect on descendants is expected to only extend to descendants that do not themselves have an applicable - <code title=attr-align>align</code> attribute.<h4 id=fonts-and-colors><span class=secno>10.3.5 </span>Fonts and colors</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + <code title=attr-align>align</code> attribute.<h4 id=fonts-and-colors><span class=secno>10.2.5 </span>Fonts and colors</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); address, cite, dfn, em, i, var { font-style: italic; } b, strong, th { font-weight: bold; } @@ -46732,7 +46731,7 @@ </li> - </ol><h4 id=punctuation-and-decorations><span class=secno>10.3.6 </span>Punctuation and decorations</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + </ol><h4 id=punctuation-and-decorations><span class=secno>10.2.6 </span>Punctuation and decorations</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); :link, :visited, ins, u { text-decoration: underline; } abbr[title], acronym[title] { text-decoration: dotted underline; }<!-- XXX CSS3 http://dev.w3.org/csswg/css3-text/#text-decoration-style --> @@ -46819,7 +46818,7 @@ table[frames=box], table[frames=border] { border-style: solid solid solid solid; } -`table[frames=void] > tr > td, table[frames=void] > tr > th, +table[frames=void] > tr > td, table[frames=void] > tr > th, table[frames=above] > tr > td, table[frames=above] > tr > th, table[frames=below] > > tr > td, table[frames=below] > tr > th, table[frames=hsides] > tr > td, table[frames=hsides] > tr > th, @@ -46897,15 +46896,13 @@ border-style: solid; }</pre><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>The <code><a href=#the-br-element>br</a></code> element is expected to render as if its - contents were a single U+000A LINE FEED (LF) character and its - 'white-space' property was 'pre'.<p>The <code><a href=#the-table-element>table</a></code> element's <code title=attr-table-border>border</code> attribute <a href=#maps-to-the-pixel-length-property title="maps + the counter in the list item marker.<p>The <code><a href=#the-table-element>table</a></code> element's <code title=attr-table-border>border</code> attribute <a href=#maps-to-the-pixel-length-property title="maps to the pixel length property">maps to the pixel length properties</a> 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width' on the element. If the attribute is present but its value cannot be parsed successfully, a default value of 1px is expected to be used for that property - instead.<h4 id=resetting-rules-for-inherited-properties><span class=secno>10.3.7 </span>Resetting rules for inherited properties</h4><p>The following rules are also expected to be in play, resetting + instead.<h4 id=resetting-rules-for-inherited-properties><span class=secno>10.2.7 </span>Resetting rules for inherited properties</h4><p>The following rules are also expected to be in play, resetting certain properties to block inheritance by default.<pre class=css>@namespace url(http://www.w3.org/1999/xhtml); table { text-indent: initial; }</pre><p>In <a href=#quirks-mode>quirks mode</a>, the following rules are also @@ -46919,7 +46916,38 @@ line-height: initial; white-space: initial; text-align: initial; -}</pre><h3 id=replaced-elements><span class=secno>10.4 </span>Replaced elements</h3><h4 id=embedded-content-1><span class=secno>10.4.1 </span>Embedded content</h4><p>The <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-canvas-element>canvas</a></code>, <code><a href=#the-embed-element>embed</a></code>, +}</pre><h4 id=the-hr-element-0><span class=secno>10.2.8 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); + +hr { color: gray; border-style: inset; border-width: 1px; }</pre><p>The following rules are also expected to apply, as + <a href=#presentational-hints>presentational hints</a>:<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[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>color</code> attribute or a <code title=attr-hr-noshade>noshade</code> attribute, and furthermore + also has a <code title=attr-hr-size>size</code> attribute, and + parsing that attribute's value using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing + non-negative integers</a> doesn't generate an error, then the + user agent is expected to use the parsed value divided by two as a + pixel length for <a href=#presentational-hints>presentational hints</a> for the properties + 'border-top-width', 'border-right-width', 'border-bottom-width', and + 'border-left-width' on the element.<p>Otherwise, if an <code><a href=#the-hr-element>hr</a></code> element has neither a <code title=attr-hr-color>color</code> attribute nor a <code title=attr-hr-noshade>noshade</code> attribute, but does have a + <code title=attr-hr-size>size</code> attribute, and parsing that + attribute's value using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing non-negative + integers</a> doesn't generate an error, then: if the parsed value + is one, then the user agent is expected to use the attribute as a + <a href=#presentational-hints title="presentational hints">presentational hint</a> + setting the element's 'border-bottom-width' to 0; otherwise, if the + parsed value is greater than one, then the user agent is expected to + use the parsed value minus two as a pixel length for + <a href=#presentational-hints>presentational hints</a> for the 'height' property on the + element.<p>The <code title=attr-hr-width>width</code> attribute on an + <code><a href=#the-hr-element>hr</a></code> element <a href=#maps-to-the-dimension-property>maps to the dimension property</a> + 'width' on the element.<p>When an <code><a href=#the-hr-element>hr</a></code> element has a <code title=attr-hr-color>color</code> attribute, its value is expected + to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color + value</a>, and the user agent is expected to treat the attribute + as a <a href=#presentational-hints title="presentational hints">presentational hint</a> + setting the element's 'color' property to the resulting color.<h4 id=the-fieldset-element-0><span class=secno>10.2.9 </span>The <code><a href=#the-fieldset-element>fieldset</a></code> element</h4><p class=XXX>...</p><!-- XXX <legend align="left|right|center|bottom|top"> --><h3 id=replaced-elements><span class=secno>10.3 </span>Replaced elements</h3><h4 id=embedded-content-1><span class=secno>10.3.1 </span>Embedded content</h4><p>The <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-canvas-element>canvas</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, and <code><a href=#video>video</a></code> elements are expected to be treated as replaced elements.<p>An <code><a href=#the-object-element>object</a></code> element that <a href=#represents>represents</a> an image, plugin, or <a href=#nested-browsing-context>nested browsing context</a> is expected @@ -46929,7 +46957,7 @@ to be treated as a replaced element about one line high, as wide as is necessary to expose the user agent's user interface features.</p><hr><p>The following CSS rules are expected to apply:<pre class=css>@namespace url(http://www.w3.org/1999/xhtml); -iframe { border: 2px inset; }</pre><h4 id=images-0><span class=secno>10.4.2 </span>Images</h4><p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element +iframe { border: 2px inset; }</pre><h4 id=images-0><span class=secno>10.3.2 </span>Images</h4><p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element when its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state <a href=#represents>represents</a> an image, it is expected to be treated as a @@ -46975,7 +47003,7 @@ <code>Document</code> is in <a href=#quirks-mode>quirks mode</a>:<pre class=css>@namespace url(http://www.w3.org/1999/xhtml); img[align=left] { margin-right: 3px; } -img[align=right] { margin-left: 3px; }</pre><h4 id=attributes-for-embedded-content-and-images><span class=secno>10.4.3 </span>Attributes for embedded content and images</h4><p>The following CSS rules are expected to apply as +img[align=right] { margin-left: 3px; }</pre><h4 id=attributes-for-embedded-content-and-images><span class=secno>10.3.3 </span>Attributes for embedded content and images</h4><p>The following CSS rules are expected to apply as <a href=#presentational-hints>presentational hints</a>:<pre class=css>@namespace url(http://www.w3.org/1999/xhtml); iframe[frameborder=0], iframe[frameborder=no] { border: none; } @@ -47051,39 +47079,40 @@ <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#video>video</a></code> elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-pixel-length-property title="maps to the pixel length property">map to the dimension properties</a> 'width' and 'height' on the element - respectively.<h4 id=tool-bars-0><span class=secno>10.4.4 </span>Tool bars</h4><p>When a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#tool-bar-state title="tool bar state">tool bar</a> state, the element is + respectively.<h4 id=tool-bars-0><span class=secno>10.3.4 </span>Tool bars</h4><p>When a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#tool-bar-state title="tool bar state">tool bar</a> state, the element is expected to be treated as a replaced element with a height about two lines high and a width derived from the contents of the element.<p>The element is expected to have, by default, the appearance of a tool bar on the user agent's platform. It is expected to contain the menu that is <a href=#building-menus-and-tool-bars title="building menus and tool bars">built</a> - from the element.<p class="example XXX">...example with screenshot...<h3 id=bindings><span class=secno>10.5 </span>Bindings</h3><h4 id=introduction-10><span class=secno>10.5.1 </span>Introduction</h4><p>A number of elements have their rendering defined in terms of the + from the element.<p class="example XXX">...example with screenshot...<h3 id=bindings><span class=secno>10.4 </span>Bindings</h3><h4 id=introduction-10><span class=secno>10.4.1 </span>Introduction</h4><p>A number of elements have their rendering defined in terms of the 'binding' property. <a href=#references>[BECSS]</a><p>The CSS snippets below set the 'binding' property to a - user-agent-defined value, represented below by keywords like <code title=""><i><a href=#the-bb-element>bb</a></i></code>. The rules then described for these - bindings are only expected to apply if the element's 'binding' + user-agent-defined value, represented below by keywords like <code title=""><i title="">bb</i></code>. The rules then described for + these bindings are only expected to apply if the element's 'binding' property has not been overriden (e.g. by the author) to have another value.<p>Exactly how the bindings are implemented is not specified by this specification. User agents are encouraged to make their bindings set the 'appearance' CSS property appropriately to achieve platform-native appearances for widgets, and are expected to implement any relevant animations, etc, that are appropriate for the - platform. <a href=#references>[CSSUI]</a><h4 id=the-bb-element-0><span class=secno>10.5.2 </span>The <code><a href=#the-bb-element>bb</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); -bb:empty { binding: <i><a href=#the-bb-element>bb</a></i>; }</pre><p>When the <i><a href=#the-bb-element>bb</a></i> binding applies to a <code><a href=#the-bb-element>bb</a></code> element, - the element is expected to render as an 'inline-block' box rendered - as a button, about one line high, containing text derived from the - element's <code title=attr-bb-type><a href=#attr-bb-type>type</a></code> attribute in a - user-agent-defined (and probably locale-specific) fashion.<h4 id=the-button-element-0><span class=secno>10.5.3 </span>The <code><a href=#the-button-element>button</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); -button { binding: <i><a href=#the-button-element>button</a></i>; }</pre><p>When the <i><a href=#the-button-element>button</a></i> binding applies to a <code><a href=#the-button-element>button</a></code> + platform. <a href=#references>[CSSUI]</a><h4 id=the-bb-element-0><span class=secno>10.4.2 </span>The <code><a href=#the-bb-element>bb</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); +bb:empty { binding: <i title="">bb</i>; }</pre><p>When the <i title="">bb</i> binding applies to a <code><a href=#the-bb-element>bb</a></code> element, the element is expected to render as an 'inline-block' box - rendered as a button whose contents are the contents of the - element.<h4 id=the-datagrid-element><span class=secno>10.5.4 </span>The <code><a href=#datagrid>datagrid</a></code> element</h4><p class=XXX>This section will probably include details on how to + rendered as a button, about one line high, containing text derived + from the element's <code title=attr-bb-type><a href=#attr-bb-type>type</a></code> attribute + in a user-agent-defined (and probably locale-specific) fashion.<h4 id=the-button-element-0><span class=secno>10.4.3 </span>The <code><a href=#the-button-element>button</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); +button { binding: <i title="">button</i>; }</pre><p>When the <i title="">button</i> binding applies to a + <code><a href=#the-button-element>button</a></code> element, the element is expected to render as an + 'inline-block' box rendered as a button whose contents are the + contents of the element.<h4 id=the-datagrid-element><span class=secno>10.4.4 </span>The <code><a href=#datagrid>datagrid</a></code> element</h4><p class=XXX>This section will probably include details on how to render DATAGRID (including <span id=datagridPseudos>its pseudo-elements</span>), drag-and-drop, etc, in a visual medium, in concert with CSS. Implementation experience is desired before this - section is filled in.<h4 id=the-details-element-0><span class=secno>10.5.5 </span>The <code><a href=#the-details-element>details</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); -details { binding: <i><a href=#the-details-element>details</a></i>; }</pre><p>When the <i><a href=#the-details-element>details</a></i> binding applies to a <code><a href=#the-details-element>details</a></code> - element, the element is expected to render as a 'block' box with its - 'padding-left' property set to '40px'. The element's shadow tree is - expected to take a child element that matches the selector <code title="">:bound-element > legend:first-child</code> and + section is filled in.<h4 id=the-details-element-0><span class=secno>10.4.5 </span>The <code><a href=#the-details-element>details</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml); +details { binding: <i title="">details</i>; }</pre><p>When the <i title="">details</i> binding applies to a + <code><a href=#the-details-element>details</a></code> element, the element is expected to render as a + 'block' box with its 'padding-left' property set to '40px'. The + element's shadow tree is expected to take a child element that + matches the selector <code title="">:bound-element > legend:first-child</code> and place it in a first 'block' box container, and then take the remaining child nodes and place them in a later 'block' box container.<p>The first container is expected to contain at least one line box, @@ -47098,26 +47127,13 @@ <!-- XXX examples with screenshots http://mail.gnome.org/archives/usability/2006-June/msg00015.html -want to show at least one that uses a triangle: - - > No issues found - Viruses: 0 - Trojans: 0 - -...and one that uses a button widget instead of a triangle. --> - <h4 id=the-fieldset-element-0><span class=secno>10.5.6 </span>The <code><a href=#the-fieldset-element>fieldset</a></code> element</h4><p class=XXX>...</p><!-- XXX <legend align="left|right|center|bottom|top"> --><h4 id=the-hr-element-0><span class=secno>10.5.7 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4><p class=XXX>...</p><!-- align=left|right|center (as auto margins), width=(int=>width:px; %->width:%) - color (color implies noshade); sets 'color' which then propagates to border-color; defaults to 'gray' - size=int, noshade - with noshade: border-width = size/2 (default size=2 => 1px per side); solid borders; rounded corners - without no shade: inset borders - without noshade, size>1: height = size-2; border-width=1px - without noshade, size=1: height = 0; border-top-width=1px only - --><h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.5.8 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, or <a href=#password-state title=attr-input-type-password>Password</a> state, ...</p><!-- datalist presentation --><!-- size: http://mxr.mozilla.org/mozilla-central/ident?i=CalcIntrinsicSize --><h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.5.9 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4><p class=XXX>When an <code><a href=#he-input-element>input</a></code> element's <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>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or - <a href=#number-state title=attr-input-type-number>Number</a> state...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-range-control><span class=secno>10.5.10 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-color-well><span class=secno>10.5.11 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-check-box-widget><spa class=secno>10.5.12 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.5.13 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, ...<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.5.14 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4><p class=XXX>When an <code><a href=#the-input-element>inpt</a></code> element's <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, ...<h4 id=the-input-element-as-a-button><span class=secno>10.5.15 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state, ...<h4 id=the-marquee-element><span class=secno>10.5.16 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4><p class=XXX>...</p><!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace --><h4 id=the-meter-element-0><span class=secn>10.5.17 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4><p class=XXX>...<h4 id=the-progress-element-0><span class=secno>10.5.18 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4><p class=XXX>...<h4 id=the-select-element-0><span class=secno>10.5.19 </span>The <code><a href=#the-select-element>select</a></code> element</h4><p class=XXX>...</p><!-- multiple, size; optgroup --><h4 id=the-textarea-element-0><span class=secno>10.5.20 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4><p class=XXX>...<h3 id=frames-and-framesets><span class=secno>10.6 </span>Frames and framesets</h3><p>When an <code><a href=#the-html-element>html</a></code> element's second child element is a + + <h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.6 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, or <a href=#password-state title=attr-input-type-password>Password</a> state, ...</p><!-- datalist presentation --><!-- size: http://mxr.mozilla.org/mozilla-central/ident?i=CalcIntrinsicSize --><h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.7 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4><p class=XXX>When an <code><a href=#the-iput-element>input</a></code> element's <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>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or + <a href=#number-state title=attr-input-type-number>Number</a> state...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-range-control><span class=secno>10.4.8 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-color-well><span class=secno>10.4.9 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...</p><!-- datalist presentation --><h4 id=the-input-element-as-a-check-box-widget><span lass=secno>10.4.10 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <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, ...<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, ...<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.12 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4><p class=XXX>When an <code><a href=#the-input-element>input/a></code> element's <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, ...<h4 id=the-input-element-as-a-button><span class=secno>10.4.13 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4><p class=XXX>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state, ...<h4 id=the-marquee-element><span class=secno>10.4.14 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4><p class=XXX>...</p><!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace --><h4 id=the-meter-element-0><span class=secno>0.4.15 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4><p class=XXX>...<h4 id=the-progress-element-0><span class=secno>10.4.16 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4><p class=XXX>...<h4 id=the-select-element-0><span class=secno>10.4.17 </span>The <code><a href=#the-select-element>select</a></code> element</h4><p class=XXX>...</p><!-- multiple, size; optgroup --><h4 id=the-textarea-element-0><span class=secno>10.4.18 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4><p class=XXX>...<h3 id=frames-and-framesets><span class=secno>10.5 </span>Frames and framesets</h3><p>When an <code><a href=#the-html-element>html</a></code> element's second child element is a <code>frameset</code> element, the user agent is expected to render the <code>frameset</code> element as described below across the surface of the <a href=#view>view</a>, instead of applying the usual CSS @@ -47385,7 +47401,7 @@ proportionally) to each entry whose unit is <i>percentage</i>, then equally (not proportionally) to each entry whose unit is <i>absolute</i>, and finally, failing all else, to the last - entry.<h3 id=interactive-media><span class=secno>10.7 </span>Interactive media</h3><h4 id=hit-testing><span class=secno>10.7.1 </span>Hit testing</h4><p class=XXX>this should really be in a CSS spec -- hot to decide + entry.<h3 id=interactive-media><span class=secno>10.6 </span>Interactive media</h3><h4 id=hit-testing><span class=secno>10.6.1 </span>Hit testing</h4><p class=XXX>this should really be in a CSS spec -- hot to decide which element is under the cursor --> <!-- @@ -47454,19 +47470,19 @@ - <h4 id=links-0><span class=secno>10.7.2 </span>Links</h4><p class=XXX>...</p><!-- hyperlinks: hover show url; clicks; opening in new browsing contexts --><!-- cite attribute on q, blockquote, ins, del: on hover, show link --><h4 id=the-mark-element-0><span class=secno>10.7.3 </span>The <code><a href=#the-mark-element>mark</a></code> element</h4><p class=XXX>...</p><!-- being able to cycle through them --><!-- showing them on the scroll bar --><p class=XXX>The rendering section will eventually suggest + <h4 id=links-0><span class=secno>10.6.2 </span>Links</h4><p class=XXX>...</p><!-- hyperlinks: hover show url; clicks; opening in new browsing contexts --><!-- cite attribute on q, blockquote, ins, del: on hover, show link --><h4 id=the-mark-element-0><span class=secno>10.6.3 </span>The <code><a href=#the-mark-element>mark</a></code> element</h4><p class=XXX>...</p><!-- being able to cycle through them --><!-- showing them on the scroll bar --><p class=XXX>The rendering section will eventually suggest that user agents provide a way to let users jump between <code><a href=#the-mark-element>mark</a></code> elements. Suggested rendering is a neon yellow background highlight, though UAs maybe should allow this to be - toggled.<h4 id=the-contenteditable-attribute><span class=secno>10.7.4 </span>The <code title=attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> attribute</h4><p class=XXX>...<h4 id=the-title-attribute-0><span class=secno>10.7.5 </span>The <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute</h4><p>Given an element (e.g. the element designated by the mouse + toggled.<h4 id=the-contenteditable-attribute><span class=secno>10.6.4 </span>The <code title=attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> attribute</h4><p class=XXX>...<h4 id=the-title-attribute-0><span class=secno>10.6.5 </span>The <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute</h4><p>Given an element (e.g. the element designated by the mouse cursor), if the element, or one of its ancestors, has a <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute, and the nearest such attribute has a value that is not the empty string, it is expected that the user agent will expose the contents of that attribute as a tooltip.<p>U+000A LINE FEED (LF) characters are expected to cause line - breaks in the tooltip.<h3 id=print-media><span class=secno>10.8 </span>Print media</h3><p class=XXX> must define letting the user "<dfn id=obtain-a-physical-form>obtain a + breaks in the tooltip.<h3 id=print-media><span class=secno>10.7 </span>Print media</h3><p class=XXX> must define letting the user "<dfn id=obtain-a-physical-form>obtain a physical form</dfn> (or a representation of a physical form)" of a document (printing) and what this means for the UA, in particular - creating a new view for the print media.<h3 id=interaction-with-css><span class=secno>10.9 </span>Interaction with CSS</h3><!-- XXX this should be normative, so we'll have to move it out of + creating a new view for the print media.<h3 id=interaction-with-css><span class=secno>10.8 </span>Interaction with CSS</h3><!-- XXX this should be normative, so we'll have to move it out of this section --><p class=XXX>Must define that in CSS, tag and attribute names in HTML documents, and class names in quirks mode documents, are case-insensitive, as well as saying which attribute values must
Received on Friday, 6 February 2009 01:43:23 UTC