diff options
Diffstat (limited to 'files/de/web/css')
| -rw-r--r-- | files/de/web/css/_doublecolon_marker/index.html | 101 |
1 files changed, 101 insertions, 0 deletions
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' +--- +<div>{{CSSRef}}</div> + +<p><span class="seoSummary">Das <a href="/de/docs/Web/CSS">CSS</a> <a href="/de/CSS/Pseudo-elements">pseudo-element</a> <strong><code>::marker</code></strong> </span>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 <code><a href="/de/docs/Web/CSS/display">display: list-item</a></code>, wie z.B. die Elemente {{HTMLElement("li")}} und {{HTMLElement("summary")}} elements.</p> + +<pre class="brush: css no-line-numbers notranslate">::marker { + color: blue; + font-size: 1.2em; +}</pre> + +<h2 id="Zulässige_Eigenschaften">Zulässige Eigenschaften</h2> + +<p>Nur bestimmte CSS-Eigenschaften können in einer Regel mit <code>::marker</code> als Selektor verwendet werden:</p> + +<ul> + <li>Alle <a href="/de/docs/Web/CSS/CSS_Fonts">Schrift-Eigenschaften</a></li> + <li>Die Eigenschaft {{CSSxRef("white-space")}}</li> + <li>{{CSSxRef("color")}}</li> + <li>Die Eigenschaften {{CSSxRef("text-combine-upright")}}, {{CSSxRef("unicode-bidi")}} und {{CSSxRef("direction")}}</li> + <li>Die Eigenschaft {{CSSxRef("content")}}</li> + <li>Alle <a href="/de/docs/Web/CSS/CSS_Animations#CSS_Properties">Animations</a>- und <a href="/en-US/docs/Web/CSS/CSS_Transitions#Properties">Transitions</a>-Eigenschaften</li> +</ul> + +<div class="blockIndicator note"> +<p>Die Spezifikation besagt, dass in Zukunft weitere CSS-Eigenschaften unterstützt werden können.</p> +</div> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre> + +<h2 id="Examples" name="Examples">Beispiel</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html notranslate"><ul> + <li>Peaches</li> + <li>Apples</li> + <li>Plums</li> +</ul></pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css notranslate">ul li::marker { + color: red; + font-size: 1.5em; +}</pre> + +<h3 id="Ergebnis">Ergebnis</h3> + +<p>{{EmbedLiveSample('Examples')}}</p> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Pseudo-Elements', '#marker-pseudo', '::marker')}}</td> + <td>{{Spec2('CSS4 Pseudo-Elements')}}</td> + <td>Keine wesentliche Änderung.</td> + </tr> + <tr> + <td>{{SpecName('CSS3 Lists', '#marker-pseudo', '::marker')}}</td> + <td>{{Spec2('CSS3 Lists')}}</td> + <td>Ursprüngliche Definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser-Kompatibilität">Browser-Kompatibilität</h2> + +<div> +<div class="hidden">Die Kompatibilitätstabelle auf dieser Seite wird aus strukturierten Daten generiert. Wenn Sie zu den Daten beitragen möchten, besuchen Sie bitte <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> und senden Sie uns eine Pull-Anfrage.</div> + +<p>{{Compat("css.selectors.marker")}}</p> +</div> + +<h2 id="See_also">See also</h2> + +<ul> + <li>HTML-Elemente, die standardmäßig Markierungsfelder haben: {{HTMLElement("ol")}}, {{HTMLElement("li")}}, {{HTMLElement("summary")}}</li> +</ul> |