CSS : explication détaillée de l'utilisation de list-style-image

Comprenez-vous l'utilisation de l'attribut CSS list-style-image Voici une description. L'attribut list-style-image utilise une image pour remplacer le balisage de cet élément de liste. est désigné comme un indicateur d'image d'un élément de liste ordonné ou non ordonné.

Icône de liste de la propriété CSS list-style-image

Définition et utilisation

La propriété list-style-image remplace le balisage d'un élément de liste par une image.

Description

Cet attribut spécifie une image qui sert de symbole pour un élément de liste ordonné ou non. Le placement de l'image par rapport au contenu de l'élément de liste est généralement contrôlé à l'aide de l'attribut list-style-position.

Remarque : spécifiez toujours un attribut "list-style-type" au cas où l'image ne serait pas disponible.

Exemple

Définir une image comme marqueur d'élément dans une liste :

ul  
{  
list-style-image:url("/i/arrow.gif");  
list-style-type:square;  
}

Prise en charge du navigateur

Tous les navigateurs prennent en charge l'attribut list-style-image.

Remarque : Aucune version d'Internet Explorer (y compris IE8) ne prend en charge la valeur d'attribut « hériter ».

Valeurs possibles

Syntaxe :

list-style-image : none | url (url)

Paramètres :

aucun : Non Image spécifiée
url : utilisez une adresse absolue ou relative pour spécifier une image d'arrière-plan

Description :

Définit ou récupère l'image de la balise d'élément de liste en tant que objet.
Si l'attribut list-style-image est nul ou si l'image spécifiée n'est pas disponible, l'attribut list-style-type prendra effet.
La fonctionnalité de script correspondante est listStyleImage. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!