Elemento li en HTML

El elemento html li se usa para representar un elemento en una lista, y ese elemento debe estar contenido en un elemento que sea una <ol> lista ordenada, una <ul> lista desordenada o una lista <menu>.

Los elementos de las <menu> listas regulares y las listas desordenadas se muestran precedidos por una viñeta, mientras que en las listas ordenadas sus elementos se muestran en orden ascendente y precedidos por un número o letra que indica su orden.

Un ejemplo de una lista ordenada <ol> regular con tres elementos:

< ol > 
  < li > primer elemento </ li > 
  < li > segundo elemento </ li > 
  < li > tercer elemento </ li > 
</ ol >

Ejemplo de una lista ordenada en la <ol> que la numeración comienza con el número 3, y el orden se mostrará en números romanos en mayúsculas:

< ol  type = "I" > 
  < li  value = "3" > tercer elemento </ li > 
  < li > cuarto elemento </ li > 
  < li > quinto elemento </ li > 
</ ol >

Una lista desordenada <ul> con tres elementos:

< ul > 
  < li > primer elemento </ li > 
  < li > segundo elemento </ li > 
  < li > tercer elemento </ li > 
</ ul >

Para obtener ejemplos más complejos de listas, consulte la página de elementos <ul> y <ol>.

Etiqueta html li

Clasificaciones de contenido	No hay.
Contenido permitido	contenido organizacional.
Acrónimo	La etiqueta final se puede eliminar si `<li>`otro elemento viene después del elemento o si no hay más contenido en el elemento principal.
Interfaz DOMO	`HTMLLIElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

En este elemento se pueden utilizar propiedades globales.

`value`

El valor de esta propiedad debe ser un número entero que indique el orden del elemento de la lista si está en una lista ordenada. Con la etiqueta <ol> solo se permiten los valores numéricos de esta propiedad, incluso si la lista está ordenada con letras romanas o números, y los elementos que siguen al el elemento en el que se utiliza esa propiedad continuará la numeración desde el valor especificado en esta propiedad.

Esta propiedad no tendrá ningún significado si se usa en listas desordenadas (como <ul> o <menu>).

Tenga en cuenta que esta función quedó obsoleta en HTML 4, pero se ha reutilizado en HTML5.

`type`

Esta propiedad especifica el tipo de numeración:

a: letras latinas en minúsculas
A: Letras latinas en mayúsculas
i: Números romanos en minúsculas
I: Números romanos en mayúsculas
1: números normales

Establecer esta propiedad ignorará el valor establecido en un elemento, <ol> si lo hubiera.

Tenga en cuenta que esta propiedad está en desuso, y debería usar una propiedad list-style-type CSS en su lugar, pero la mencionamos aquí para que sepa que existe.

Formato predeterminado

La mayoría de los navegadores renderizan el elemento <li> con la propiedad establecida display en list-item:

li {
  display: list-item;
}