Style de l'attribut listStyle

Définition et utilisation

listStyle Les attributs peuvent être définis ou retournés sous forme abrégée pour les trois attributs de liste séparés au maximum.

Avec cet attribut, vous pouvez définir ou retourner l'un ou plusieurs des éléments suivants (dans n'importe quel ordre) :

Voir également :

Tutoriel CSS :Liste CSS

Manuel de référence CSS :Attribut list-style

Exemple

Exemple 1

Changez le style de la liste :

document.getElementById("myList").style.listStyle = "decimal inside";

Essayez-le vous-même

Exemple 2

Changez le type et la position de la liste en "square inside" :

document.getElementById("myList").style.listStyle = "square inside";

Essayez-le vous-même

Exemple 3

Retourne le style de liste :

document.getElementById("myList").style.listStyle;

Essayez-le vous-même

Syntaxe

Retourne l'attribut listStyle :

object.style.listStyle

Définit l'attribut listStyle :

object.style.listStyle = "type position image|initial|inherit"

Valeur de l'attribut

Valeur Description
type Définit le type de marqueur de liste.
position Positionne le marqueur de liste.
image Définit l'image utilisée comme marqueur de liste.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

détails techniques

Valeur par défaut : disc outside none
Valeur de retour : une chaîne de caractères, représentant le style de la liste.
Version CSS : CSS1

supporte par les navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporté supporté supporté supporté supporté