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
{ list-style-type: sType }Mögliche Werte
sType
Ein String, der einen der folgenden Werte angibt:
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>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;
} |
| oberrömisch |
I, II, III, IV, usw. warten. |
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!
