Maison  >  Article  >  interface Web  >  Que signifie le style de liste en CSS

Que signifie le style de liste en CSS

王林
王林original
2020-11-11 11:27:0412120parcourir

Le style de liste en CSS est un attribut abrégé qui couvre tous les autres attributs de style de liste. L'attribut list-style peut être appliqué à n'importe quel élément et est hérité par l'élément list-item, tel que [list-style:square inside url()].

Que signifie le style de liste en CSS

L'environnement d'exploitation de ce tutoriel : Système Windows 10, CSS3, cet article est applicable à toutes les marques d'ordinateurs.

list-style est un attribut raccourci utilisé pour définir toutes les propriétés de la liste dans une seule déclaration.

(Recommandation vidéo d'apprentissage : tutoriel vidéo CSS)

Description détaillée :

Cet attribut est un attribut abrégé qui couvre tous les autres attributs de style de liste. Puisqu'il s'applique à tous les éléments avec display list-item, il ne peut être utilisé que sur les éléments li en HTML et XHTML normaux, mais en fait, il peut être appliqué à n'importe quel élément et est hérité par les éléments list-item.

peut définir les attributs suivants dans l'ordre :

list-style-type
list-style-position
list-style-image

Valeur de l'attribut :

list-style-type    设置列表项标记的类型。参阅:list-style-type 中可能的值。    
list-style-position    设置在何处放置列表项标记。参阅:list-style-position 中可能的值。    
list-style-image    使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。    
inherit    规定应该从父元素继承 list-style 属性的值。

Exemple :

Définir l'image dans le list Balises des éléments de liste :

ul
  {  list-style:square inside url('/i/arrow.gif');
  }

Recommandations associées : Tutoriel CSS

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