delete pages that were never translated from en-US (es, part 2) (#1550)

1 files changed, 0 insertions, 2004 deletions

diff --git a/files/es/learn/forms/property_compatibility_table_for_form_controls/index.html b/files/es/learn/forms/property_compatibility_table_for_form_controls/index.html
deleted file mode 100644
index a5c7202d69..0000000000
--- a/files/es/learn/forms/property_compatibility_table_for_form_controls/index.html
+++ /dev/null
@@ -1,2004 +0,0 @@
----
-title: Tabla de compatibilidad de propiedades CSS para controles de formulario
-slug: Learn/Forms/Property_compatibility_table_for_form_controls
-translation_of: Learn/Forms/Property_compatibility_table_for_form_controls
-original_slug: Learn/HTML/Forms/Property_compatibility_table_for_form_controls
----
-<div>{{learnsidebar}}</div>
-
-<p class="summary">Las siguientes tablas de compatibilidad intentan resumir el estado del soporte de CSS para formularios HTML. Debido a la complejidad de los formularios CSS y HTML, estas tablas no se pueden considerar una referencia perfecta. Sin embargo, le darán una buena idea de lo que se puede y no se puede hacer, lo que le ayudará al aprender a hacer las cosas.</p>
-
-<h2 id="Cómo_leer_las_tablas">Cómo leer las tablas</h2>
-
-<h3 id="Valores">Valores</h3>
-
-<p>Para cada propiedad, hay cuatro valores posibles:</p>
-
-<dl>
- <dt>Si</dt>
- <dd>Existe un soporte razonablemente consistente para la propiedad en todos los navegadores. Es posible que aún enfrente efectos secundarios extraños en ciertos casos extremos.</dd>
- <dt>Parcial</dt>
- <dd>Si bien la propiedad funciona, con frecuencia puede enfrentar efectos secundarios extraños o inconsistencias. Probablemente debería evitar estas propiedades a menos que primero domine esos efectos secundarios.</dd>
- <dt>No</dt>
- <dd>La propiedad simplemente no funciona o es tan inconsistente que no es confiable.</dd>
- <dt>n.a.</dt>
- <dd>La propiedad no tiene ningún significado para este tipo de widget.</dd>
-</dl>
-
-<h3 id="Representación">Representación</h3>
-
-<p>Para cada propiedad hay dos representaciones posibles:</p>
-
-<dl>
- <dt>N (Normal)</dt>
- <dd>Indica que la propiedad se aplica tal cual</dd>
- <dt>T (Retocada)</dt>
- <dd>Indica que la propiedad se aplica con la regla adicional como se muestra a continuación:</dd>
-</dl>
-
-<pre class="brush: css notranslate">* {
-  /* Turn off the native look and feel */
-  -webkit-appearance: none;
-  appearance: none;
-
-/* for Internet Explorer */
-  background: none;
-}</pre>
-
-<h2 id="Tablas_de_compatibilidad">Tablas de compatibilidad</h2>
-
-<h3 id="Comportamientos_globales">Comportamientos globales</h3>
-
-<p>Algunos comportamientos son comunes a muchos navegadores a nivel global::</p>
-
-<dl>
- <dt>{{cssxref("border")}}, {{cssxref("background")}}, {{cssxref("border-radius")}}, {{cssxref("height")}}</dt>
- <dd>El uso de una de estas propiedades puede desactivar parcial o totalmente la apariencia nativa de los widgets en algunos navegadores. Tenga cuidado cuando los use.</dd>
- <dt>{{cssxref("line-height")}}</dt>
- <dd>Esta propiedad se admite de forma inconsistente en todos los navegadores y debe evitarla.</dd>
- <dt>{{cssxref("text-decoration")}}</dt>
- <dd>Esta propiedad no es compatible con el navegador Opera en widgets de formulario.</dd>
- <dt>{{cssxref("text-overflow")}}</dt>
- <dd>Opera, Safari, y IE9 no admiten esta propiedad en widgets de formulario.</dd>
- <dt>{{cssxref("text-shadow")}}</dt>
- <dd>Opera no admite {{cssxref("text-shadow")}} en widgets de formularios e IE9 no lo admite en absoluto.</dd>
-</dl>
-
-<h3 id="Text_fields">Text fields</h3>
-
-<p>See the <code>{{htmlelement("input/text", "text")}}</code>, <code>{{htmlelement("input/search", "search")}}</code>, and <code>{{htmlelement("input/password", "password")}}</code> input types.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>WebKit browsers (mostly on Mac OSX and iOS) use the native look &amp; feel for the search fields. Therefore, it's required to use <code>-webkit-appearance:none</code> to be able to apply this property to search fields.</li>
-     <li>On Windows 7, Internet Explorer 9 does not apply the border unless <code>background:none</code> is applied.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>WebKit browsers (mostly on Mac OSX and iOS) use the native look &amp; feel for the search fields. Therefore, it's required to use <code>-webkit-appearance:none</code> to be able to apply this property to search fields.</li>
-     <li>On Windows 7, Internet Explorer 9 does not apply the border unless <code>background:none</code> is applied.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>WebKit browsers (mostly on Mac OSX and iOS) use the native look &amp; feel for the search fields. Therefore, it's required to use <code>-webkit-appearance:none</code> to be able to apply this property to search fields.</li>
-     <li>On Windows 7, Internet Explorer 9 does not apply the border unless <code>background:none</code> is applied.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}<sup>[1]</sup></th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>If the {{cssxref("border-color")}} property is not set, some WebKit based browsers will apply the {{cssxref("color")}} property to the border as well as the font on <code>{{htmlelement("textarea")}}</code>s.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>See the note about {{cssxref("line-height")}}</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td>See the note about Opera</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 supports this property only on <code>{{htmlelement("textarea")}}</code>s, whereas Opera only supports it on single line text fields.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>WebKit browsers (mostly on Mac OSX and iOS) use the native look &amp; feel for the search fields. Therefore, it's required to use <code>-webkit-appearance:none</code> to be able to apply this property to search fields. On Windows 7, Internet Explorer 9 does not apply the border unless <code>background:none</code> is applied.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>WebKit browsers (mostly on Mac OSX and iOS) use the native look &amp; feel for the search fields. Therefore, it's required to use <code>-webkit-appearance:none</code> to be able to apply this property to search fields. On Windows 7, Internet Explorer 9 does not apply the border unless <code>background:none</code> is applied.</li>
-     <li>On Opera the {{cssxref("border-radius")}} property is applied only if an explicit border is set.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Buttons">Buttons</h3>
-
-<p>See the <code>{{htmlelement("input/button", "button")}}</code>,  <code>{{htmlelement("input/submit", "submit")}}</code>, and <code>{{htmlelement("input/reset", "reset")}}</code> input types and the <code>{{htmlelement("button")}}</code> element.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>This property is not applied on WebKit based browsers on Mac OSX or iOS.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>This property is not applied on WebKit based browsers on Mac OSX or iOS.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>See the note about {{cssxref("line-height")}}.</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Opera the {{cssxref("border-radius")}} property is applied only if an explicit border is set.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Number">Number</h3>
-
-<p>See the  <code>{{htmlelement("input/number", "number")}}</code> input type. There is no standard way to change the style of spinners used to change the value of the field, with the spinners on Safari being outside the field.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Opera, the spinners are zoomed in, which can hide the content of the field.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Opera, the spinners are zoomed in, which can hide the content of the field.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>See the note about {{cssxref("line-height")}}.</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td colspan="1" rowspan="3">
-    <p>Supported but there is too much inconsistency between browsers to be reliable.</p>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Check_boxes_and_radio_buttons">Check boxes and radio buttons</h3>
-
-<p>See the <code>{{htmlelement("input/checkbox", "checkbox")}}</code> and <code>{{htmlelement("input/radio", "radio")}}</code> input types.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Some browsers add extra margins and others stretch the widget.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Some browsers add extra margins and others stretch the widget.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Select_boxes_single_line">Select boxes (single line)</h3>
-
-<p>See the <code>{{htmlelement("select")}}</code>,  <code>{{htmlelement("optgroup")}}</code> and  <code>{{htmlelement("option")}}</code> elements.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>This property is okay on the <code>{{htmlelement("select")}}</code> element, but it cannot be the case on the <code>{{htmlelement("option")}}</code> or <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[2]</sup></td>
-   <td>
-    <ol>
-     <li>The property is applied, but in an inconsistent way between browsers on Mac OSX.</li>
-     <li>The property is well applied on the <code>{{htmlelement("select")}}</code> element, but is inconsistently handled on <code>{{htmlelement("option")}}</code> and <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Mac OSX, WebKit based browsers do not support this property on native widgets and they, along with Opera, do not support it at all on <code>{{htmlelement("option")}}</code> and <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Mac OSX, WebKit based browsers do not support this property on native widgets and they, along with Opera, do not support it at all on <code>{{htmlelement("option")}}</code> and <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property on <code>{{htmlelement("select")}}</code>, <code>{{htmlelement("option")}}</code>, and <code>{{htmlelement("optgroup")}}</code> elements; WebKit based browsers on Mac OSX do not support this property on <code>{{htmlelement("option")}}</code> and <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 on Windows 7 and WebKit based browsers on Mac OSX do not support this property on this widget.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Only Firefox provides full support for this property. Opera does not support this property at all and other browsers only support it on the <code>{{htmlelement("select")}}</code> element.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td>
-    <ol>
-     <li>Most of the browsers only support this property on the <code>{{htmlelement("select")}}</code> element.</li>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1][2]</sup></td>
-   <td>
-    <ol>
-     <li>Most of the browsers only support this property on the <code>{{htmlelement("select")}}</code> element.</li>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Most of the browsers only support this property on the <code>{{htmlelement("select")}}</code> element.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td colspan="1" rowspan="3">
-    <ol>
-     <li>Most of the browsers only support this property on the <code>{{htmlelement("select")}}</code> element.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-  </tr>
- </tbody>
-</table>
-
-<p>Note Firefox does not provide any way to change the down arrow on the <code>{{htmlelement("select")}}</code> element.</p>
-
-<h3 id="Select_boxes_multiline">Select boxes (multiline)</h3>
-
-<p>See the <code>{{htmlelement("select")}}</code>, <code>{{htmlelement("optgroup")}}</code> and  <code>{{htmlelement("option")}}</code> elements and the <a href="/en-US/docs/Web/HTML/Attributes/size"><code>size</code> attribute</a>.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Opera does not support {{cssxref("padding-top")}} and {{cssxref("padding-bottom")}} on the <code>{{htmlelement("select")}}</code> element.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>See the note about {{cssxref("line-height")}}.</td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property on <code>{{htmlelement("select")}}</code>, <code>{{htmlelement("option")}}</code>, and <code>{{htmlelement("optgroup")}}</code> elements; WebKit based browsers on Mac OSX do not support this property on <code>{{htmlelement("option")}}</code> and <code>{{htmlelement("optgroup")}}</code> elements.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 on Windows 7 and WebKit based browser on Mac OSX do not support this property on this widget.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Only supported by Firefox and IE9+.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Most of the browsers only support this property on the <code>{{htmlelement("select")}}</code> element.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>On Opera the {{cssxref("border-radius")}} property is applied only if an explicit border is set.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Datalist">Datalist</h3>
-
-<p>See the <code>{{htmlelement("datalist")}}</code> and <code>{{htmlelement("input")}}</code> elements and the <a href="/en-US/docs/Web/HTML/Attributes/list"><code>list</code> attribute</a>.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="File_picker">File picker</h3>
-
-<p>See the <code>{{htmlelement("input/file", "file")}}</code> input type.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Supported, but there is too much inconsistency between browsers to be reliable.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Many browsers apply this property to the select button.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>It acts more or less like an extra left margin outside the widget.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Supported, but there is too much inconsistency between browsers to be reliable.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Date_pickers">Date pickers</h3>
-
-<p>See the <code>{{htmlelement("input/date", "date")}}</code> and <code>{{htmlelement("input/time", "time")}}</code> input types. Many properties are supported, but there is too much inconstency between browsers to be reliable.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Color_pickers">Color pickers</h3>
-
-<p>See the <code>{{htmlelement("input/color", "color")}}</code> input type:</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>Opera handles this like a select widget with the same restriction.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>Opera handles this like a select widget with the same restriction.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td colspan="1" rowspan="3">
-    <ol>
-     <li>Supported, but there is too much inconsistency between browsers to be reliable.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Meters_and_progress">Meters and progress</h3>
-
-<p>See the <code>{{htmlelement("meter")}}</code> and <code>{{htmlelement("progress")}}</code> elements:</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Chrome hides the <code>{{htmlelement("progress")}}</code> and <code>{{htmlelement("meter")}}</code> element when the {{cssxref("padding")}} property is applied on a tweaked element.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td colspan="1" rowspan="3">
-    <ol>
-     <li>Supported, but there is too much inconsistency between browsers to be reliable.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Range">Range</h3>
-
-<p>See the <code>{{htmlelement("input/range", "range")}}</code> input type. There is no standard way to change the style of the range grip and Opera has no way to tweak the default rendering of the range widget.</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td>
-    <ol>
-     <li>Chrome and Opera add some extra space around the widget, whereas Opera on Windows 7 stretches the range grip.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td>
-    <ol>
-     <li>The {{cssxref("padding")}} is applied, but has no visual effect.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td colspan="1" rowspan="3">
-    <ol>
-     <li>Supported, but there is too much inconsistency between browsers to be reliable.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 153, 153); vertical-align: top;">No<sup>[1]</sup></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Image_buttons">Image buttons</h3>
-
-<p>See the <code>{{htmlelement("input/image", "image")}}</code> input type:</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col" style="text-align: center;">N</th>
-   <th scope="col" style="text-align: center;">T</th>
-   <th scope="col">Note</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>CSS box model</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("width")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("height")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("border")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("margin")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="vertical-align: top;">{{cssxref("padding")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Text and font</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("color")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("font")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("letter-spacing")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-align")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-decoration")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-indent")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-overflow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-shadow")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("text-transform")}}</th>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td style="text-align: center; vertical-align: top;">N.A.</td>
-   <td></td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <th colspan="4" scope="col"><em>Border and background</em></th>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("background")}}</th>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td style="text-align: center; background-color: rgb(204, 255, 102); vertical-align: top;">Yes</td>
-   <td colspan="1"></td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("border-radius")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td colspan="1">
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
-  <tr>
-   <th scope="row" style="white-space: nowrap; vertical-align: top;">{{cssxref("box-shadow")}}</th>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td style="text-align: center; background-color: rgb(255, 255, 102); vertical-align: top;">Partial<sup>[1]</sup></td>
-   <td colspan="1">
-    <ol>
-     <li>IE9 does not support this property.</li>
-    </ol>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="See_also">See also</h2>
-
-<h3 id="Learning_path">Learning path</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form">Your first HTML form</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">How to structure an HTML form</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/The_native_form_widgets">The native form widgets</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/HTML5_input_types">HTML5 input types</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Additional_form_controls">Additional form controls</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/UI_pseudo-classes">UI pseudo-classes</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Styling_HTML_forms">Styling HTML forms</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Form data validation</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">Sending form data</a></li>
-</ul>
-
-<h3 id="Advanced_Topics">Advanced Topics</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">Sending forms through JavaScript</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/How_to_build_custom_form_widgets">How to build custom form widgets</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/HTML_forms_in_legacy_browsers">HTML forms in legacy browsers</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">Advanced styling for HTML forms</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">Property compatibility table for form widgets</a></li>
-</ul>