-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
Initialer Wert | 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
BCD tables only load in the browser