Ejemplo
Cambiar el tipo de marcador de ítems de lista a "upper-roman" :
document.getElementById("myList").style.listStyleType = "upper-roman";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades listStyleType o devuelve el tipo de marcador de ítems de lista.
Soporte del navegador
La propiedad listStyleType es compatible con todos los principales navegadores.
Note: IE9 y Opera 11 no son compatibles con: cjk-ideográfico, hebreo, hiragana, hiragana-Iroha, katakana, y katakana-Iroha.
Note: IE8 es compatible con los valores de la propiedad: decimal-leading-cero, inferior-griego, latino inferior, superior latino, armenio, georgiano, y sólo si se especifica un DOCTYPE!
Sintaxis
Devolver la propiedad listStyleType:
object .style.listStyleType
Establecer la propiedad listStyleType:
object .style.listStyleType= Valores de propiedad Valor Descripción armenian El marcador es de numeración tradicional armenio circle El marcador es un círculo cjk-ideographic El marcador es un número ideográficos lisos decimal El marcador es un número. Esto es por defecto para <ol> decimal-leading-zero El marcador es un número con ceros a la izquierda (01, 02, 03, etc.) disc El marcador es un círculo relleno. Esto es por defecto para <ul> georgian El marcador es de numeración tradicional de Georgia hebrew El marcador es la numeración hebrea tradicional hiragana El marcador es Hiragana numeración tradicional hiragana-iroha El marcador es tradicional numeración Iroha Hiragana katakana El marcador es katakana numeración tradicional katakana-iroha El marcador es tradicional numeración Iroha Katakana lower-alpha El marcador es inferior-alfa (a, b, c, d, e, etc.) lower-greek El marcador es inferior griego lower-latin El marcador es inferior-latino (a, b, c, d, e, etc.) lower-roman El marcador es inferior romano (i, ii, iii, iv, v, etc.) none se muestra ningún marcador square El marcador es un cuadrado upper-alpha El marcador es superior-alfa (A, B, C, D, E, etc.) upper-latin El marcador es-superior latino (A, B, C, D, E, etc.) upper-roman El marcador es superior-roman (I, II, III, IV, V, etc.) initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: "disco" para <ul> y "decimal" para <ol> Valor de retorno: Una cadena, que representa el tipo de una lista Versión CSS CSS1
Más ejemplos
Ejemplo
Todos los diferentes tipos de lista situados:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue; Inténtalo tú mismo "
Ejemplo
Devolver el tipo de marcador de ítems de lista:
alert(document.getElementById("myList").style.listStyleType); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: Lista CSS
Referencia CSS: list-style-type property
Referencia HTML DOM: listStyle property
<Estilo de objeto