Los últimos tutoriales de desarrollo web
 

Style listStyleType Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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