Derniers tutoriels de développement web
 

Style listStyle Property

<Style objet

Exemple

Modifier le style d'une liste:

document.getElementById("myList").style.listStyle = "decimal inside";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés ListStyle ou retourne jusqu'à trois propriétés de la liste séparées, sous une forme abrégée.

Avec cette propriété, vous pouvez définir / retourner un ou plusieurs des éléments suivants (dans l'ordre):

  • liste-style-type
  • liste de style positions
  • liste-style-image

Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété listStyle est pris en charge dans tous les principaux navigateurs.


Syntaxe

Retour la propriété listStyle:

object .style.listStyle

Définissez la propriété listStyle:

object .style.listStyle=" Valeurs de propriété
Paramètre La description
type Définit la liste de produit type de marqueur
position Positions marqueur list-item
image Définit une image à utiliser comme marqueur d'élément de liste
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: disque extérieur aucun
Valeur de retour: Une chaîne, ce qui représente le style d'une liste
version CSS CSS1

autres exemples

Exemple

Modifier le type et la position d'une liste de "square inside" à l' "square inside" :

document.getElementById("myList").style.listStyle = "square inside";
Essayez vous - même »

Exemple

Retour le style de liste:

document.getElementById("myList").style.listStyle;
Essayez vous - même »

Pages associées

Tutoriel CSS: Liste CSS

Référence CSS: la list-style property


<Style objet