El atributo de tipo <li> en HTML se utiliza para especificar el tipo de elementos de una lista. Este atributo también define el estilo de la viñeta de los elementos de la lista.
Sintaxis:
<li type="1|a|A|i|I|disc|circle|square">
Valores de atributo:
para elementos de lista ordenados:
- 1: Es el valor por defecto. Se utiliza para especificar la lista ordenada numéricamente.
- a: Ordenó los elementos de la lista en minúsculas.
- R: Organiza los elementos de la lista en forma de mayúsculas.
- i: Organiza los elementos de la lista en números romanos en forma de letras minúsculas.
- I: Ordenó la lista en números romanos en forma de letras mayúsculas.
Para elementos de lista desordenados:
- disco: Es el valor por defecto. Crea un círculo relleno.
- círculo: Crea un círculo vacío.
- cuadrado: Crea un cuadrado relleno.
Nota: el atributo de tipo <li> no es compatible con HTML 5. En lugar de usar este atributo, podemos usar la propiedad de tipo de estilo de lista CSS .
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <head> <title> HTML li type Attribute </title> </head> <body> <h1 style = "color: green;"> GeeksforGeeks </h1> <h2> HTML list item type Attribute </h2> <p>Sorting Algorithms</p> <ol> <li type="a">Merge sort</li> <li>Quick sort</li> <li type="I">Insertion sort</li> </ol> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <head> <title> HTML li type Attribute </title> </head> <body> <h1 style = "color: green;"> GeeksforGeeks </h1> <h2> HTML li type Attribute </h2> <p>Sorting Algorithms</p> <ul> <li>Merge sort</li> <li>Quick sort</li> <li type="square">Insertion sort</li> </ul> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de tipo HTML <li> se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA