-webkit-text-stroke-color
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-color
CSS Eigenschaft legt die Strich-Farbe von Textzeichen fest. Wenn diese Eigenschaft nicht gesetzt ist, wird der Wert der color
Eigenschaft verwendet.
Syntax
css
/* <color> values */
-webkit-text-stroke-color: red;
-webkit-text-stroke-color: #e08ab4;
-webkit-text-stroke-color: rgb(200 100 0);
/* Global values */
-webkit-text-stroke-color: inherit;
-webkit-text-stroke-color: initial;
-webkit-text-stroke-color: revert;
-webkit-text-stroke-color: revert-layer;
-webkit-text-stroke-color: unset;
Werte
<color>
-
Die Farbe des Strichs.
Formale Definition
Anfangswert | currentcolor |
---|---|
Anwendbar auf | alle Elemente |
Vererbt | Ja |
Berechneter Wert | berechnete Farbe |
Animationstyp | Farbe |
Formale Syntax
-webkit-text-stroke-color =
<color>
Beispiele
Ändern der Strichfarbe
HTML
html
<p>Text with stroke</p>
<input type="color" value="#ff0000" />
CSS
css
p {
margin: 0;
font-size: 4em;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #ff0000; /* Can be changed in the live sample */
}
Ergebnisse
Spezifikationen
Specification |
---|
Compatibility Standard # the-webkit-text-stroke-color |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-text-stroke-color |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.