Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was bedeutet Listenstil in CSS?

王林
Freigeben: 2020-11-30 14:26:35
Original
12276 Leute haben es durchsucht

list-style in CSS ist ein Abkürzungsattribut, das alle anderen Listenstilattribute abdeckt. Das list-style-Attribut kann auf jedes Element angewendet werden und wird vom list-item-Element geerbt, z. B. [list-style:square inside url()].

Was bedeutet Listenstil in CSS?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3, dieser Artikel gilt für alle Computermarken.

list-style ist ein Kurzattribut, das zum Festlegen aller Listenattribute in einer Deklaration verwendet wird.

(Lernvideo-Empfehlung: CSS-Video-Tutorial)

Detaillierte Beschreibung:

Dieses Attribut ist ein Kurzattribut, das alle anderen Listenstilattribute abdeckt. Da es für alle Elemente mit der Anzeige list-item gilt, kann es nur für li-Elemente in normalem HTML und XHTML verwendet werden. Tatsächlich kann es jedoch auf jedes Element angewendet werden und wird von list-item-Elementen geerbt. Sie können die folgenden Attribute in der Reihenfolge festlegen:

list-style-type
list-style-position
list-style-image
Nach dem Login kopieren

attributewert:

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

Example:


Set das Bild als Listenelementmarke in der Liste:

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

relationated Empfehlungen:

CSS Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Listenstil in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage