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

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