Atributo CSS list-style-type

Definición y uso

El atributo list-style-type establece el tipo de marcador de los elementos de lista.

Véase también:

Tutorial de CSS:Lista de CSS

Manual de referencia de CSS:Atributo CSS list-style

Manual de referencia de HTML DOM:Atributo listStyleType

Ejemplo

Establecer diferentes estilos de lista:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Prueba por tu cuenta

（Puedes encontrar más ejemplos en la parte inferior de la página）

Sintaxis de CSS

list-style-type: value;

Valor del atributo

Valores de CSS2:

Valor Descripción
none Sin marcador.
disc Por defecto. El marcador es un círculo sólido.
circle El marcador es un círculo hueco.
square El marcador es un cuadrado sólido.
decimal El marcador es un número.
decimal-leading-zero Los números con cero a la izquierda como marcador. (01, 02, 03, etcétera.)
lower-roman Los números romanos minúsculos son (i, ii, iii, iv, v, etcétera.)
upper-roman Los números romanos mayúsculos son (I, II, III, IV, V, etcétera.)
lower-alpha Las letras minúsculas del inglés son el marcador es lower-alpha (a, b, c, d, e, etcétera.)
upper-alpha Letras inglesas mayúsculas The marker is upper-alpha (A, B, C, D, E, etc.)
lower-greek Letras griegas minúsculas (alpha, beta, gamma, etc.)
lower-latin Letras latinas minúsculas (a, b, c, d, e, etc.)
upper-latin Letras latinas mayúsculas (A, B, C, D, E, etc.)
hebrew Método de numeración hebrea tradicional
armenio Método de numeración armenio tradicional
georgiano Método de numeración georgiano tradicional (an, ban, gan, etc.)
cjk-ideographic Números ideográficos simples
hiragana Los marcadores son: a, i, u, e, o, ka, ki, etc. (Katakana japonés)
katakana Los marcadores son: A, I, U, E, O, KA, KI, etc. (Katakana japonés)
hiragana-iroha Los marcadores son: i, ro, ha, ni, ho, he, to, etc. (Katakana japonés)
katakana-iroha Los marcadores son: I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonés)

Valores de CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenio | georgiano | none | heredar

Detalles técnicos

Valor predeterminado: disc
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: objeto.style.listStyleType="square"

Más ejemplos

Marcadores de elementos de lista de lista desordenada
Este ejemplo muestra los diferentes tipos de marcadores de elementos de lista en CSS.
Marcadores de elementos de lista de lista ordenada
Este ejemplo muestra los diferentes tipos de marcadores de elementos de lista en CSS.
Todos los tipos de estilos de lista
Este ejemplo muestra todos los tipos diferentes de marcadores de elementos de lista en CSS.

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5