::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:

Hinweis: Die Spezifikation gibt an, dass in Zukunft zusätzliche CSS-Eigenschaften unterstützt werden können.

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::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