::marker
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das ::marker
-CSS-Pseudo-Element wählt das Marker-Kästchen eines Listenelements aus, das typischerweise ein Aufzählungszeichen oder eine Zahl enthält. Es funktioniert bei jedem Element oder Pseudo-Element, das auf display: list-item
gesetzt ist, wie z. B. den <li>
- und <summary>
-Elementen.
Probieren Sie es aus
Zulässige Eigenschaften
Das ::marker
-Pseudo-Element unterstützt eine begrenzte Anzahl von CSS-Eigenschaften, darunter:
- Alle Schrifteigenschaften
- Die
white-space
-Eigenschaft color
- Die Eigenschaften
text-combine-upright
,unicode-bidi
unddirection
- Die
content
-Eigenschaft - Alle Animationen und Transitions-Eigenschaften
Hinweis: Die Spezifikation gibt an, dass in Zukunft zusätzliche CSS-Eigenschaften unterstützt werden können.
Syntax
::marker {
/* ... */
}
Beispiele
HTML
<ul>
<li>Peaches</li>
<li>Apples</li>
<li>Plums</li>
</ul>
CSS
ul li::marker {
color: red;
font-size: 1.5em;
}
Ergebnis
Spezifikationen
Specification |
---|
CSS Pseudo-Elements Module Level 4 # marker-pseudo |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::marker | ||||||||||||
Animation and transition support |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
Siehe auch
- HTML-Elemente, die standardmäßig Marker-Kästchen besitzen:
<ol>
,<li>
,<summary>
- CSS generated content-Modul
- CSS lists and counters-Modul
- CSS counter styles-Modul