-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-stroke CSS Eigenschaft gibt die Breite und Farbe der Umrisse für Textzeichen an. Dies ist eine Kurzschreibweise für die Langform-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
Formale Definition
| Anfangswert | wie die jeweiligen Kurzschreibweisen:
|
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
| Animationstyp | wie die jeweiligen Kurzschreibweisen: |
Formale Syntax
-webkit-text-stroke =
<line-width> ||
<color>
<line-width> =
<length [0,∞]> |
thin |
medium |
thick
Beispiele
Hinzufügen eines roten Textumrisses
HTML
html
<p id="example">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
Loading…