Estilo listStyle Propiedad
Ejemplo
Cambiar el estilo de una lista:
document.getElementById("myList").style.listStyle = "decimal inside";
Definición y uso
La propiedad listStyle establece o devuelve hasta tres propiedades de lista separadas, en forma abreviada.
Con esta propiedad, puede establecer/devolver uno o más de los siguientes (en cualquier orden):
- tipo-estilo-lista
- posición de estilo de lista
- imagen de estilo de lista
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad listStyle:
object.style.listStyle
Establezca la propiedad listStyle:
object.style.listStyle = "type position image|initial|inherit"
Valores de propiedad
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | disco fuera ninguno |
---|---|
Valor de retorno: | Una cadena, que representa el estilo de una lista. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambie el tipo y la posición de una lista a "cuadrado adentro":
document.getElementById("myList").style.listStyle = "square inside";
Ejemplo
Devuelve el estilo de lista:
document.getElementById("myList").style.listStyle;
páginas relacionadas
Tutorial de CSS: Lista de CSS
Referencia de CSS: propiedad de estilo de lista
❮ Objeto de estilo