CSS: Detaillierte Erklärung zur Verwendung von list-style-type

In diesem Artikel wird hauptsächlich die Verwendung des CSS-Attributs list-style-type beschrieben. Freunde in Not können sich auf

beziehen, um den vordefinierten Typ der Einzelpostenmarkierung des Objekts festzulegen .
Syntax

Mögliche Werte
sType
Ein String, der einen der folgenden Werte angibt:

Der Standardwert dieser Eigenschaft ist disc . Diese Eigenschaft wird vererbt. Anmerkungen Wenn der Wert des Attributs list-style-image auf none gesetzt ist oder das Bild, auf das die URL verweist, nicht angezeigt werden kann, bestimmt das Attribut list-style-type das Aussehen des List-Item-Tags. Das Attribut list-style-type kann auf jedes Element angewendet werden, nachdem die Attribute margin und display:list-item angewendet wurden. Wenn Sie den linken Rand eines Zeilenelements mithilfe einer der Randeigenschaften auf 0 setzen, wird das Listenelement-Markup nicht angezeigt. Dieser Spielraum sollte auf mindestens 30 Punkte festgelegt werden. Beispiel Das folgende Beispiel legt Markup mithilfe des Attributs „list-style-type“ fest. In diesem Beispiel wird ein UL-Element als Selektor in einem Inline-Stylesheet (global) verwendet, um den Markup-Typ in Kreis zu ändern: list-style-type – definiert den Listenstil Werte: Kreis |. Unter-Latein |. alpha |. none |. inherit Scheibe: PunktKreis: QuadratDezimalzahl: ZahlDezimalzahl, weniger als zwei Bitauffüllung mit führenden Nullen, zum Beispiel: 01, 02, 03, ..., 98, 99lower-roman: römischer Kleinbuchstabentext, zum Beispiel: i, ii, iii, iv, v, ... Großromanisch: römische Großbuchstaben, wie zum Beispiel: I, II, III, IV, V, ...Kleingriechisch: griechische Kleinbuchstaben, wie zum Beispiel: α(alpha), β(beta), γ( gamma ), ...Niederlatein: Latein in Kleinbuchstaben, zum Beispiel: a, b, c, ... zOberlatein: Latein in Großbuchstaben, zum Beispiel: A, B, C, .. . ZArmenisch: Armenische ZiffernGeorgisch: Georgische Ziffern, zum Beispiel: an, ban, gan, ..., he, tan, in, in-an, ...Kleinbuchstaben: Kleingeschriebener lateinischer Text, zum Beispiel: a, b, c, ... zupper-alpha: Großgeschriebener lateinischer Text, zum Beispiel: A, B, C, ... Zkeine: Keine (alle abbrechen). Listenstile) erben: erben Anfangswert: Scheibe Vererbung: ja Anwendbar auf: alle Elemente, die zur Liste gehören Liste, Chinesisch „Liste“ bedeutet.style, Chinesisch " Die Bedeutung von „style“.type, die Bedeutung von „type“ auf Chinesisch.Beispiel

Das obige ist der detaillierte Inhalt vonCSS: Detaillierte Erklärung zur Verwendung von list-style-type. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

disc 默认值。实心圆。 circle 空心圆。 decimal 1、2、3、4 等等。 lower-alpha a、b、c、d 等等。 lower-roman i、ii、iii、iv 等等。 none 不显示任何标记。 square 实心正方形。 upper-alpha A、B、C、D 等等。 upper-roman I、II、III、IV 等等。 disk	Standardwert. Voller Kreis.
Kreis	Hohler Kreis.
dezimal	<style> ul {list-style-type:circle} </style> Nach dem Login kopieren 1, 2, 3, 4 und so weiter .
Unteralpha	a, b, c, d, usw. warten.
niederrömisch	i, ii, iii, iv, usw. warten.
keine	Es wird kein Markup angezeigt.
Quadrat	Volles Quadrat.
oberes Alpha	A, B, C, D, usw. warten. ul { list-style-type:disc; } ul#circle { list-style-type:circle; } ul#square { list-style-type:square; } ul#decimal { list-style-type:decimal; } ul#decimal-leading-zero { list-style-type:decimal-leading-zero; } ul#lower-roman { list-style-type:lower-roman; } ul#upper-roman { list-style-type:upper-roman; } ul#lower-greek { list-style-type:lower-greek; } ul#lower-latin { list-style-type:lower-latin; } ul#upper-latin { list-style-type:upper-latin; } ul#armenian { list-style-type:armenian; } ul#georgian { list-style-type:georgian; } ul#lower-alpha { list-style-type:lower-alpha; } ul#upper-alpha { list-style-type:upper-alpha; } ul#none { list-style-type:none; } ol { list-style-type:lower-roman; } Nach dem Login kopieren
oberrömisch	I, II, III, IV, usw. warten.