Índice

Las listas PROPIEDADES CSS:Listas

Estos son los tipos de lista que puede crear:

  • Lista numerada: <ol>

  • Lista de viñetas (o lista simple): <ul>

  • Lista de definiciones: <dl>

Debe utilizar el contenedor <li>.

Por ejemplo:

<ul>  
<li> lista 1 </li> 
<li> lista 2 </li> 
</ul>

Esta es una tabla con los atributos:

Tipo de lista

Resultado

Código

Lista simple

Disco

type="disc"

Cuadrado

type="square"

Círculo

type="circle"

Lista numerada

Número (1, 2, 3, etc.)

type="1"

Números romanos en minúsculas (i, ii, etc.)

type="i"

Números romanos en mayúsculas (I, II, etc.)

type="I"

Alfabeto en minúsculas (a, b, etc.)

type="a"

Alfabeto en mayúsculas (A, B, etc.)

type="A"

Si desea iniciar el contador en un valor determinado, utilice la siguiente sintaxis: start="n".

Por ejemplo:

<ol start="4" type="A"> 
        <li> Lista 1 </li> 
        <li> Lista 2 </li> 
</ol>