-webkit-text-stroke

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.

Die-webkit-text-strokeCSS Eigenschaft gibt dieBreite undFarbe von Konturen für Textzeichen an. Dies ist eine Kurzschreibweise für die Langschreib-Eigenschaften-webkit-text-stroke-width und-webkit-text-stroke-color.

Einzelne Eigenschaften

Diese Eigenschaft ist eine Kurzschreibweise für die folgenden CSS-Eigenschaften:

Syntax

css

/* Width and color values */-webkit-text-stroke: 4px navy;/* Global values */-webkit-text-stroke: inherit;-webkit-text-stroke: initial;-webkit-text-stroke: revert;-webkit-text-stroke: revert-layer;-webkit-text-stroke: unset;

Werte

<length>: Die Breite der Kontur.
<color>: Die Farbe der Kontur.

Formale Definition

Anfangswert	wie die jeweiligen Kurzschreibweisen: `-webkit-text-stroke-width`:`0` `-webkit-text-stroke-color`:`currentcolor`
Anwendbar auf	alle Elemente
Vererbt	Ja
Berechneter Wert	wie die jeweiligen Kurzschreibweisen: `-webkit-text-stroke-width`: absolute`<length>` `-webkit-text-stroke-color`: berechnete Farbe
Animationstyp	wie die jeweiligen Kurzschreibweisen: `-webkit-text-stroke-width`: diskret `-webkit-text-stroke-color`:Farbe

Formale Syntax

-webkit-text-stroke =
<line-width>||
<color>

<line-width> =
<length [0,∞]>|
thin|
medium|
thick

Beispiele

Hinzufügen einer roten Textkontur

HTML

html

<p>The stroke of this text is red.</p>

CSS

css

#example {  font-size: 3em;  margin: 0;  -webkit-text-stroke: 2px red;}

Ergebnis

Spezifikationen

Specification
Compatibility # the-webkit-text-stroke

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen •Fehler mit dieser Übersetzung melden

Movatterモバイル変換

-webkit-text-stroke

HTML

CSS

Ergebnis

Help improve MDN