Ejemplo
El uso del type atributo de una lista desordenada y un pedido:
<ol>
<li>Coffee</li>
<li type="a">Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li type="square">Tea</li>
<li>Milk</li>
</ul>
Inténtalo tú mismo " Definición y Uso
El type atributo especifica el estilo de la viñeta de un elemento de la lista en una lista.
Soporte para el navegador
| Atributo | |||||
|---|---|---|---|---|---|
| type | Sí | Sí | Sí | Sí | Sí |
Notas de compatibilidad
El type atributo de la <li> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <li style="list-style-type:square">
CSS Ejemplo: tipo de hoja de estilo
En nuestro tutorial CSS se pueden encontrar más detalles sobre el list-style-type propiedad .
Sintaxis
<li type="1|a|A|i|I|disc|circle|square">
Los valores de atributo
Para listas ordenadas (<ol>) :
| Valor | Descripción |
|---|---|
| 1 | Defecto. Numerical lista ordenada (1, 2, 3, 4) |
| a | Lista ordenada alfabéticamente, en minúsculas (a, b, c, d) |
| A | Alfabéticamente ordenada, mayúscula (A, B, C, D) |
| i | Números romanos, en minúsculas (i, ii, iii, iv) |
| I | Números romanos, mayúscula (I, II, III, IV) |
Para las listas no ordenadas (<ul>) :
| Valor | Descripción |
|---|---|
| disc | Defecto. Un círculo relleno |
| circle | Un círculo sin rellenar |
| square | Un cuadrado relleno |