From 65cc6eabd71b1bceccf6fd3d3d4970c2955f3784 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Thu, 10 Dec 2020 08:37:18 -0500 Subject: dump 2020-12-10 --- files/de/web/css/_doublecolon_marker/index.html | 101 ++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 files/de/web/css/_doublecolon_marker/index.html (limited to 'files/de/web/css') diff --git a/files/de/web/css/_doublecolon_marker/index.html b/files/de/web/css/_doublecolon_marker/index.html new file mode 100644 index 0000000000..ee5dd917d2 --- /dev/null +++ b/files/de/web/css/_doublecolon_marker/index.html @@ -0,0 +1,101 @@ +--- +title: '::marker' +slug: 'Web/CSS/::marker' +tags: + - CSS + - CSS Liste + - Experimental + - Layout + - Pseudo-element + - Referenz + - Selektor +translation_of: 'Web/CSS/::marker' +--- +
{{CSSRef}}
+ +

Das CSS pseudo-element ::marker wählt das Markierungsfeld eines Listenelements aus, das in der Regel einen Aufzählungspunkt oder eine Zahl enthält. Es funktioniert mit jedem Element oder Pseudo-Element, das angezeigt werden soll: Listenelement display: list-item, wie z.B. die Elemente {{HTMLElement("li")}} und {{HTMLElement("summary")}} elements.

+ +
::marker {
+  color: blue;
+  font-size: 1.2em;
+}
+ +

Zulässige Eigenschaften

+ +

Nur bestimmte CSS-Eigenschaften können in einer Regel mit ::marker als Selektor verwendet werden:

+ + + +
+

Die Spezifikation besagt, dass in Zukunft weitere CSS-Eigenschaften unterstützt werden können.

+
+ +

Syntax

+ +
{{CSSSyntax}}
+ +

Beispiel

+ +

HTML

+ +
<ul>
+  <li>Peaches</li>
+  <li>Apples</li>
+  <li>Plums</li>
+</ul>
+ +

CSS

+ +
ul li::marker {
+  color: red;
+  font-size: 1.5em;
+}
+ +

Ergebnis

+ +

{{EmbedLiveSample('Examples')}}

+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS4 Pseudo-Elements', '#marker-pseudo', '::marker')}}{{Spec2('CSS4 Pseudo-Elements')}}Keine wesentliche Änderung.
{{SpecName('CSS3 Lists', '#marker-pseudo', '::marker')}}{{Spec2('CSS3 Lists')}}Ursprüngliche Definition.
+ +

Browser-Kompatibilität

+ +
+ + +

{{Compat("css.selectors.marker")}}

+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf