list-style-type

von 1 Mitwirkenden:

Übersicht

Die list-style-type CSS Eigenschaft bestimmt die Anzeige eines Listeneintrags. Da es das einzige Element ist, das standardmäßig als display:list-item definiert wird, entspricht dies normalerweise einem <li> Element, kann jedoch jedes Element mit diesem display Wert sein.

  • Initialwert disc
  • Anwendbar auf list items
  • Vererbt Ja
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

Die Farbe des Aufzählungspunkts entspricht der berechneten Farbe des Elements, dem er zugewiesen ist.

Syntax

Formale Syntax: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none

Werte

none
Es wird kein Aufzählungszeichen angezeigt.

Es gibt die folgenden Schlüsselwörter:

disc
  • Ein gefüllter Kreis (Standardwert)
circle
  • Ein leerer Kreis
square
  • Ein gefülltes Quadrat
decimal
  • Han Dezimalzahlen
  • Beginnend mit 1.
cjk-decimal
  • Dezimalzahlen
  • z. B. 一, 二, 三, ..., 九八, 九九, 一〇〇
decimal-leading-zero
  • Dezimalzahlen
  • Aufgefüllt mit vorangestellten Nullen
  • z. B. 01, 02, 03, … 98, 99
lower-roman
  • Kleingeschriebene römische Zahlen
  • E.g. i, ii, iii, iv, v…
upper-roman
  • Großgeschriebene römische Zahlen
  • E.g. I, II, III, IV, V…
lower-greek
  • Kleingeschriebenes Griechisch
  • Alpha, Beta, Gamma…
  • z. B. α, β, γ…
lower-alpha
lower-latin
  • Kleingeschriebene ASCII-Zeichen
  • z. B. a, b, c, … z
  • lower-latin wird nicht von IE7 und früher unterstützt
  • Siehe den Unterpunkt Browser Kompatibilität.
upper-alpha
upper-latin
  • Großgeschriebene ASCII-Zeichen
  • z. B. A, B, C, … Z
  • upper-latin wird nicht von IE7 und früher unterstützt
armenian
  • Traditionelle armenische Nummerierung
  • z. B. ayb/ayp, ben/pen, gim/keem…
georgian
  • Traditionelle georgische Nummerierung
  • z. B. an, ban, gan, … he, tan, in…
hebrew
  • Traditionelle hebräische Nummerierung
ethiopic-numeric
  • Äthiopische Nummerierung
hiragana
  • a, i, u, e, o, ka, ki, …
  • (Japanisch)
katakana
  • A, I, U, E, O, KA, KI, …
  • (Japanisch)
hiragana-iroha
  • i, ro, ha, ni, ho, he, to, …
  • Iroha ist die alte japanische Silbenreihenfolge.
katakana-iroha
  • I, RO, HA, NI, HO, HE, TO, …
  • Iroha ist die alte japanische Silbenreihenfolge.
japanese-informal
  • Formlose japanische Nummerierung
japanese-formal
  • Formelle japanische Nummerierung, wie sie in juristischen oder Wirtschaftsdokumenten verwendet wird.
  • z. B. 壱萬壱阡壱百壱拾壱
  • Die Kanji-Schriftzeichen wurden so gestaltet, dass sie nicht so verändert werden können, dass sie wie ein anderes korrektes Zeichen aussehen
korean-hangul-formal
  • Koreanische Hangul-Nummerierung
  • z. B. 일만 일천일백일십일
korean-hanja-informal
  • Koreanische Hanja-Nummerierung
  • z. B. 萬 一千百十一
korean-hanja-formal
  • Formelle koreanische Han-Nummerierung
  • z. B. 壹萬 壹仟壹百壹拾壹
simp-chinese-informal
  • Formlose Nummerierung in vereinfachtem Chinesisch
  • z. B. 一万一千一百一十一
cjk-ideographic
  • Identisch zu simp-chinese-informal
  • z. B. 一万一千一百一十一
simp-chinese-formal
  • Formelle Nummerierung in vereinfachtem Chinesisch
  • z. B. 壹万壹仟壹佰壹拾壹
trad-chinese-informal
  • Formlose Nummerierung in traditionellem Chinesisch
  • z. B. 一萬一千一百一十一
trad-chinese-formal
  • Formelle Nummerierung in traditionellem Chinesisch
  • z. B. 壹萬壹仟壹佰壹拾壹

Nicht standardisierte Erweiterungen

Erweiterer Satz von Werten, der von Gecko (Firefox), Blink (Chrome und Opera) und WebKit (Safari) unterstützt wird, um Listenarten in anderen Sprachen anzubieten. Siehe die Kompatibilitätstabelle, um zu sehen, welche Browser welche Erweiterung unterstützen.

arabic-indic
-moz-arabic-indic
  • Beispiel
bengali
-moz-bengali
  • Beispiel
cjk-earthly-branch
-moz-cjk-earthly-branch
  • Beispiel
cjk-heavenly-stem
-moz-cjk-heavenly-stem
  • Beispiel
devanagari
-moz-devanagari
  • Beispiel
-moz-ethiopic-halehame
  • Beispiel
-moz-ethiopic-halehame-am
  • Beispiel
ethiopic-halehame-ti-er
-moz-ethiopic-halehame-ti-er
  • Beispiel
ethiopic-halehame-ti-et
-moz-ethiopic-halehame-ti-et
  • Beispiel
gujarati
-moz-gujarati
  • Beispiel
gurmukhi
-moz-gurmukhi
  • Beispiel
hangul
-moz-hangul
  • Beispiel
  • Beispiel
  • Beispiel
hangul-consonant
-moz-hangul-consonant
  • Beispiel
  • Beispiel
  • Beispiel
kannada
-moz-kannada
  • Beispiel
khmer
-moz-khmer
  • Beispiel
lao
-moz-lao
  • Beispiel
malayalam
-moz-malayalam
  • Beispiel
myanmar
-moz-myanmar
  • Beispiel
oriya
-moz-oriya
  • Beispiel
persian
-moz-persian
  • Beispiel
-moz-tamil
  • Beispiel
telugu
-moz-telugu
  • Beispiel
thai
-moz-thai
  • Beispiel
urdu
-moz-urdu
  • Beispiel

Beispiele

Live-Beispiel ansehen

ol { list-style-type: upper-alpha; }

/* Es kann auch die Kurzform 'list-style' verwendet werden */
ol { list-style: upper-alpha; }

Hinweise

  • Manche Listenarten setzen für die korrekte Darstellung voraus, dass eine passende Schriftart installiert ist.
  • cjk-ideographic ist identisch zu trad-chinese-informal. (Es existiert lediglich wegen Altlasten.)
  • Die CSS Spezifikation bestimmt nicht, wie alphabetische Systeme am Ende des Alphabets umbrechen. Zum Beispiel ist die Anzeige von upper-alpha nach 26 Listeneinträgen undefiniert. Firefox und andere Browser machen weiter mit AA, AB, AC,... Für lange Listen ist es empfehlenswert, dass Autoren echte Zahlen angeben.

Spezifikationen

Spezifikation Status Kommentar
CSS Lists and Counters Module Level 3
Die Definition von 'list-style-type' in dieser Spezifikation.
Arbeitsentwurf Fügt Unterstützung für Bezeichner zu den Schlüsselwörtern hinzu, welche in @counter-style Regeln verwendet werden.
Fügt zudem die Listenarten hebrew, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha, japanese-formal, japanese-informal, simp-chinese-formal, trad-chinese-formal, simp-chinese-formal, trad-chinese-formal,korean-hangul-formal, korean-hanja-informal, korean-hanja-formal, cjk-decimal, ethiopic-numeric hinzu.
CSS Level 2 (Revision 1)
Die Definition von 'list-style-type' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung, die folgende Werte beinhaltet:
none, disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman
1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
lower-latin, upper-latin, lower-greek, armenian, georgian 1.0 1.0 (1.0) 8.0 6.0 1.0 (85)
decimal-leading-zero 1.0 1.0 (1.0) 8.0 8.0 1.0 (85)
hebrew, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha 1.0 1.0 (1.0) Nicht unterstützt 7.0 (aber zeigt nur Dezimalzahlen an)
15.0
1.0-1.2 (85-125)
japanese-formal, japanese-informal, simp-chinese-formal, trad-chinese-formal, simp-chinese-informal, trad-chinese-informal Nicht unterstützt 1.0 (1.7 oder früher) -moz
28.0 (28.0)
Nicht unterstützt Nicht unterstützt Nicht unterstützt
korean-hangul-formal, korean-hanja-informal, korean-hanja-formal, cjk-decimal Nicht unterstützt 28.0 (28.0) Nicht unterstützt Nicht unterstützt

Nicht unterstützt

 

ethiopic-numeric Nicht unterstützt 1.0 (1.7 oder früher) -moz Nicht unterstützt Nicht unterstützt

Nicht unterstützt

Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

 

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz
Zuletzt aktualisiert von: Sebastianz,