Heim > Web-Frontend > CSS-Tutorial > Was bedeutet der CSS-Stil „list-style:none'?

Was bedeutet der CSS-Stil „list-style:none'?

青灯夜游
Freigeben: 2023-01-04 09:37:03
Original
23741 Leute haben es durchsucht

In CSS bedeutet der Stil „list-style:none“, dass der Typ des Listenelement-Tags auf leer gesetzt wird, d. h. es gibt kein Tag vor dem Listenelement. Der standardmäßige Listenelementmarkierungstyp des Listenstilattributs ist ein ausgefüllter Kreis. Wenn der Attributwert auf „Keine“ festgelegt ist, kann die Listenelementmarkierung entfernt werden.

Was bedeutet der CSS-Stil „list-style:none'?

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS3, Thinkpad T480-Computer.

Der Stil „list-style:none“ bedeutet, dass der Typ der Listenelementmarkierung auf leer gesetzt wird, d. h. es gibt keine Markierung vor dem Listenelement.

(Empfohlenes Tutorial: CSS-Video-Tutorial)

Kurzschriftattribut im Listenstil legt alle Listenattribute in einer Anweisung fest.

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.

Attribute, die festgelegt werden können (in der Reihenfolge): Listenstil-Typ, Listenstil-Position, Listenstil-Bild.

Das List-Style-Type-Attribut: Sie können den Typ des Listenelement-Tags festlegen.

Sein Attributwert:

  • none Keine Markierung.

  • Disc-Standard. Markierungen sind gefüllte Kreise.

  • Kreis Die Markierung ist ein Hohlkreis.

  • Quadratmarker sind feste Quadrate.

  • Dezimalmarkierungen sind Zahlen. ​

  • Dezimal-führende Null ​​​​​​​​​​​​​​​​

  • ​ (01, 02, 03 usw.)
  • niederrömische römische Kleinbuchstaben (i, ii, iii, iv, v usw.)
  • oberrömische römische Großbuchstaben (I, II, III , IV, V usw.)
  • unteres Alpha Die Markierung ist unteres Alpha (a, b, c, d, e usw.)
  • oberes Alpha Die Markierung ist oberes Alpha (A , B, C, D, E usw.)
  • Niedergriechische griechische Kleinbuchstaben (Alpha, Beta, Gamma usw.)
  • Niederlateinische lateinische Kleinbuchstaben (a , b, c, d , e usw.)
  • Großlateinische Großbuchstaben (A, B, C, D, E usw.)
  • hebräisch Traditionelle hebräische Nummerierung
  • armenisch Traditionelle armenische Nummerierung
  • georgisch Traditionelle georgische Nummerierung (an, ban, gan usw.)
  • cjk-ideographic Einfache ideografische Zahlen
  • hiragana Die Markierungen sind: a, i , u, e, o, ka, ki usw. (Japanische Hiragana-Zeichen)
  • katakana Die Zeichen sind: A, I, U, E, O, KA, KI usw. (Japanische Katakana-Zeichen)
  • hiragana-iroha Zeichen sind: i, ro, ha, ni, ho, he, to usw. (Japanische Hiragana-Seriennummer)
  • katakana-iroha Die Markierungen sind: I, RO, HA, NI, HO, HE, TO usw. (Japanische Katakana-Seriennummer)

Beispiel:

<html>
<head>
<style type="text/css">
.li1 
{
list-style:none
}
</style>
</head>

<body>
<ul>
<li class="li1">咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>
Nach dem Login kopieren

Rendering:

Was bedeutet der CSS-Stil „list-style:none?

Weitere Programmierkenntnisse finden Sie unter:

Programmieren lernen🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonWas bedeutet der CSS-Stil „list-style:none'?. 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