CSS/Selektoren/marker

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der Titel dieses Artikels ist mehrdeutig. Neben dem CSS-Pseudoelement ::marker gibt es noch das SVG marker-Element.



Der ::marker-Selektor erzeugt ein beliebig formatierbares Markierungselement, das vor dem Inhalt eingefügt wird. (Ursprünglich gab es proprietäre Lösungen mit -webkit-details-marker.) Das Pseudoelement gilt nur für

Syntax ::marker
Browsersupport Details: caniuse.com
Beispiel
details summary::marker { 
  content:'🡳'; 
}
Links in der Navigation bekommen anstelle des Dreiecks einen Pfeil vor dem summary-Element.
Beachten Sie: Man kann zwar das ::marker-Element selektieren, dann aber nur wenige Eigenschaften formatieren: Es ist geplant, weitere Eigenschaften aufzunehmen.

Siehe auch

Weblinks

Achtung: Der Sortierungsschlüssel „::marker“ überschreibt den vorher verwendeten Schlüssel „Marker“.