::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 Markierungsfeld 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 die <li>
und <summary>
Elemente.
Probieren Sie es aus
Zulässige Eigenschaften
Das ::marker
Pseudo-Element unterstützt eine begrenzte Anzahl von CSS-Eigenschaften, darunter:
- Alle Schrift-Eigenschaften
- Die
white-space
Eigenschaft color
text-combine-upright
,unicode-bidi
, unddirection
Eigenschaften- Die
content
Eigenschaft - Alle Animation und Transition Eigenschaften
Hinweis: Die Spezifikation besagt, dass in Zukunft weitere CSS-Eigenschaften unterstützt werden könnten.
Syntax
css
::marker {
/* ... */
}
Beispiele
HTML
html
<ul>
<li>Peaches</li>
<li>Apples</li>
<li>Plums</li>
</ul>
CSS
css
ul li::marker {
color: red;
font-size: 1.5em;
}
Ergebnis
Spezifikationen
Specification |
---|
CSS Pseudo-Elements Module Level 4 # marker-pseudo |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- HTML-Elemente, die standardmäßig Markierungsfelder haben:
<ol>
,<li>
,<summary>
- CSS Generierter Inhalt Modul
- CSS Listen und Zähler Modul
- CSS Zählerstile Modul