Los últimos tutoriales de desarrollo web
 

Style listStyle Property

<Estilo de objeto

Ejemplo

Cambiar el estilo de una lista:

document.getElementById("myList").style.listStyle = "decimal inside";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades ListStyle o devuelve hasta tres propiedades de la lista por separado, en una forma abreviada.

Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (en cualquier orden):

  • list-style-type
  • list-style-position
  • list-style-image

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad ListStyle es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad ListStyle:

object .style.listStyle

Establecer la propiedad ListStyle:

object .style.listStyle=" Valores de propiedad
Parámetro Descripción
type Define el tipo de marcador de ítems de lista
position Posiciona el marcador de ítems de lista
image Define una imagen para ser utilizado como marcador de ítems de lista
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 fuera de ningunos
Valor de retorno: Una cadena, que representa el estilo de una lista
Versión CSS CSS1

Más ejemplos

Ejemplo

Cambiar el tipo y la posición de una lista de "square inside" :

document.getElementById("myList").style.listStyle = "square inside";
Inténtalo tú mismo "

Ejemplo

Devolver el estilo de lista:

document.getElementById("myList").style.listStyle;
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Lista CSS

Referencia CSS: list-style property


<Estilo de objeto