CSS list-style-typePropiedad
Ejemplo
Establecer algunos estilos de lista diferentes:
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}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
Pruébalo »
Hay más ejemplos en la parte inferior de esta página.
Definición de la propiedad y descripción de uso
La propiedad list-style-type establece el tipo de marcador de los elementos de lista.
| Valor predeterminado: | "disc" for <ul> and "decimal" for <ol> |
|---|---|
| Herencia: | yes |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.listStyleType="square" |
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| none | Sin marcador. |
| disc | Predeterminado. El marcador es un círculo relleno. |
| circle | El marcador es un círculo hueco. |
| square | El marcador es un cuadrado relleno. |
| decimal | El marcador es un número. |
| decimal-leading-zero | Marcador numérico que comienza con 0 (01, 02, 03, etc.) |
| lower-roman | Números romanos en minúsculas (i, ii, iii, iv, v, etc.) |
| upper-roman | Números romanos en mayúsculas (I, II, III, IV, V, etc.) |
| lower-alpha | Letras minúsculas en inglés: el marcador es lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha | Letras mayúsculas en inglés: el marcador es upper-alpha (A, B, C, D, E, etc.) |
| lower-greek | Letras griegas en minúsculas (alpha, beta, gamma, etc.) |
| lower-latin | Letras latinas en minúsculas (a, b, c, d, e, etc.) |
| upper-latin | Letras latinas en mayúsculas (A, B, C, D, E, etc.) |
| hebrew | Numeración hebrea tradicional |
| armenian | Numeración armenia tradicional |
| georgian | Numeración georgiana tradicional (an, ban, gan, etc.) |
| cjk-ideographic | Números ideográficos simples |
| hiragana | El marcador es: a, i, u, e, o, ka, ki, etc. (Caracteres hiragana japoneses) |
| katakana | El marcador es: A, I, U, E, O, KA, KI, etc. (Caracteres katakana japoneses) |
| hiragana-iroha | El marcador es: i, ro, ha, ni, ho, he, to, etc. (Numeración hiragana japonesa) |
| katakana-iroha | El marcador es: I, RO, HA, NI, HO, HE, TO, etc. (Numeración katakana japonesa) |
Más ejemplos
Lista de todos los diferentes marcadores de elementos de lista
Este ejemplo demuestra todos los diferentes marcadores de elementos de lista.
Artículos relacionados
Tutorial de CSS:Listas CSS
Referencia de CSS:Propiedad list-style
Otras extensiones