Maison  >  Article  >  interface Web  >  CSS : list-style-image définit une image en tant que balisage d'élément de liste en détail

CSS : list-style-image définit une image en tant que balisage d'élément de liste en détail

黄舟
黄舟original
2017-06-29 10:15:424831parcourir

L'attribut de list-style-image en CSS définit l'image comme balise d'élément de liste. Cet article présente en détail la définition et l'utilisation de list-style-image, la syntaxe de list-style-image et des exemples de list-style-image.

Le rôle de l'attribut list-style-image en CSS est de définir l'image comme marque d'élément de liste.

Exemple d'attribut list-style-image

Définissez l'image comme marque d'élément dans la liste :

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

définition et utilisation de list-style-image

L'attribut 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 ordonné. 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.

CSS : list-style-image définit une image en tant que balisage délément de liste en détail

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn