Skip to content

/ html

Permalink
Browse files

[] (0) Filling in the rendering section: <figure>, minor fixes 

git-svn-id: http://svn.whatwg.org/webapps@2761 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Feb 5, 2009
1 parent 36f272a commit e2e1e4fa9b678b98e348bd60eb0917b5d149b80c
Unified Split
Showing with 48 additions and 59 deletions.
  1. +39 −45 index
  2. +9 −14 source
84 index
View file
@@ -1049,22 +1049,21 @@
<li><a href=#the-datagrid-element><span class=secno>10.4.6 </span>The <code>datagrid</code> element</a></li>
<li><a href=#the-details-element-0><span class=secno>10.4.7 </span>The <code>details</code> element</a></li>
<li><a href=#the-fieldset-element-0><span class=secno>10.4.8 </span>The <code>fieldset</code> element</a></li>
<li><a href=#the-figure-element-0><span class=secno>10.4.9 </span>The <code>figure</code> element</a></li>
<li><a href=#the-hr-element-0><span class=secno>10.4.10 </span>The <code>hr</code> element</a></li>
<li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.11 </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.12 </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.13 </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.14 </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.15 </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.16 </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.17 </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.18 </span>The <code>input</code> element as a button</a></li>
<li><a href=#the-marquee-element><span class=secno>10.4.19 </span>The <code>marquee</code> element</a></li>
<li><a href=#the-meter-element-0><span class=secno>10.4.20 </span>The <code>meter</code> element</a></li>
<li><a href=#the-progress-element-0><span class=secno>10.4.21 </span>The <code>progress</code> element</a></li>
<li><a href=#the-select-element-0><span class=secno>10.4.22 </span>The <code>select</code> element</a></li>
<li><a href=#the-textarea-element-0><span class=secno>10.4.23 </span>The <code>textarea</code> element</a></li>
<li><a href=#the-title-attribute-0><span class=secno>10.4.24 </span>The <code title=attr-title>title</code> attribute</a></ol></li>
<li><a href=#the-hr-element-0><span class=secno>10.4.9 </span>The <code>hr</code> element</a></li>
<li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.10 </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.11 </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.12 </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.13 </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.14 </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.15 </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.16 </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.17 </span>The <code>input</code> element as a button</a></li>
<li><a href=#the-marquee-element><span class=secno>10.4.18 </span>The <code>marquee</code> element</a></li>
<li><a href=#the-meter-element-0><span class=secno>10.4.19 </span>The <code>meter</code> element</a></li>
<li><a href=#the-progress-element-0><span class=secno>10.4.20 </span>The <code>progress</code> element</a></li>
<li><a href=#the-select-element-0><span class=secno>10.4.21 </span>The <code>select</code> element</a></li>
<li><a href=#the-textarea-element-0><span class=secno>10.4.22 </span>The <code>textarea</code> element</a></li>
<li><a href=#the-title-attribute-0><span class=secno>10.4.23 </span>The <code title=attr-title>title</code> attribute</a></ol></li>
<li><a href=#interactive-media><span class=secno>10.5 </span>Interactive media</a>
<ol>
<li><a href=#hit-testing><span class=secno>10.5.1 </span>Hit testing</a></li>
margin-top: 0; margin-bottom: 0;
}

h1 { margin-top: 0.67em; margin-bottom; 0.67em; }
h2 { margin-top: 0.83em; margin-bottom; 0.83em; }
h3 { margin-top: 1.00em; margin-bottom; 1.00em; }
h4 { margin-top: 1.33em; margin-bottom; 1.33em; }
h5 { margin-top: 1.67em; margin-bottom; 1.67em; }
h6 { margin-top: 2.33em; margin-bottom; 2.33em; }

dl &gt; dd { margin-left: 40px; } /* margin-right, for rtl elements */
dir, menu, ol, ul { padding-left: 40px; } /* margin-right, for rtl elements */
blockquote { margin-left: 40px; margin-right: 40px; }
h1 { margin-left: 0.67em; margin-right; 0.67em; }
h2 { margin-left: 0.83em; margin-right; 0.83em; }
h3 { margin-left: 1.00em; margin-right; 1.00em; }
h4 { margin-left: 1.33em; margin-right; 1.33em; }
h5 { margin-left: 1.67em; margin-right; 1.67em; }
h6 { margin-left: 2.33em; margin-right; 2.33em; }
blockquote, figure { margin-left: 40px; margin-right: 40px; }

table { border-spacing: 2px; border-collapse: separate; }
td, th { padding: 1px; }</pre>
tr, td, th { vertical-align: inherit; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
th { text-align: center; }</pre>
th, figure &gt; legend { text-align: center; }</pre>

<hr><p>The following rules are also expected to apply, as
<a href=#presentational-hints>presentational hints</a>:</p>



<h4 id=the-figure-element-0><span class=secno>10.4.9 </span>The <code><a href=#the-figure-element>figure</a></code> element</h4>

<p class=XXX>...</p>



<h4 id=the-hr-element-0><span class=secno>10.4.10 </span>The <code><a href=#the-hr-element>hr</a></code> element</h4>
<h4 id=the-hr-element-0><span class=secno>10.4.9 </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:%)



<h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4>
<h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.10 </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.12 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4>
<h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.11 </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-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.4.13 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4>
<h4 id=the-input-element-as-a-range-control><span class=secno>10.4.12 </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.14 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4>
<h4 id=the-input-element-as-a-color-well><span class=secno>10.4.13 </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 class=secno>10.4.15 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4>
<h4 id=the-input-element-as-a-check-box-widget><span class=secno>10.4.14 </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, ...</p>



<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.16 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4>
<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.15 </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, ...</p>



<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.17 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4>
<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.16 </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, ...</p>



<h4 id=the-input-element-as-a-button><span class=secno>10.4.18 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4>
<h4 id=the-input-element-as-a-button><span class=secno>10.4.17 </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, ...</p>



<h4 id=the-marquee-element><span class=secno>10.4.19 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4>
<h4 id=the-marquee-element><span class=secno>10.4.18 </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>10.4.20 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4>
<h4 id=the-meter-element-0><span class=secno>10.4.19 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4>

<p class=XXX>...</p>



<h4 id=the-progress-element-0><span class=secno>10.4.21 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4>
<h4 id=the-progress-element-0><span class=secno>10.4.20 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4>

<p class=XXX>...</p>



<h4 id=the-select-element-0><span class=secno>10.4.22 </span>The <code><a href=#the-select-element>select</a></code> element</h4>
<h4 id=the-select-element-0><span class=secno>10.4.21 </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.23 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4>
<h4 id=the-textarea-element-0><span class=secno>10.4.22 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4>

<p class=XXX>...</p>



<h4 id=the-title-attribute-0><span class=secno>10.4.24 </span>The <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute</h4>
<h4 id=the-title-attribute-0><span class=secno>10.4.23 </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
23 source
View file
margin-top: 0; margin-bottom: 0;
}

h1 { margin-top: 0.67em; margin-bottom; 0.67em; }
h2 { margin-top: 0.83em; margin-bottom; 0.83em; }
h3 { margin-top: 1.00em; margin-bottom; 1.00em; }
h4 { margin-top: 1.33em; margin-bottom; 1.33em; }
h5 { margin-top: 1.67em; margin-bottom; 1.67em; }
h6 { margin-top: 2.33em; margin-bottom; 2.33em; }

dl > dd { margin-left: 40px; } /* margin-right, for rtl elements */
dir, menu, ol, ul { padding-left: 40px; } /* margin-right, for rtl elements */
blockquote { margin-left: 40px; margin-right: 40px; }
h1 { margin-left: 0.67em; margin-right; 0.67em; }
h2 { margin-left: 0.83em; margin-right; 0.83em; }
h3 { margin-left: 1.00em; margin-right; 1.00em; }
h4 { margin-left: 1.33em; margin-right; 1.33em; }
h5 { margin-left: 1.67em; margin-right; 1.67em; }
h6 { margin-left: 2.33em; margin-right; 2.33em; }
blockquote, figure { margin-left: 40px; margin-right: 40px; }

table { border-spacing: 2px; border-collapse: separate; }
td, th { padding: 1px; }</pre>
tr, td, th { vertical-align: inherit; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
th { text-align: center; }</pre>
th, figure > legend { text-align: center; }</pre>

<hr>




<h4>The <code>figure</code> element</h4>

<p class="XXX">...</p>



<h4>The <code>hr</code> element</h4>

<p class="XXX">...</p>

0 comments on commit e2e1e4f

Please sign in to comment.