-webkit-text-stroke-color
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2017 browserübergreifend verfügbar.
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
Die Strichfarbe variieren
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: red; /* Can be changed in the live sample */
}
Ergebnisse
Spezifikationen
| Spezifikation |
|---|
| Compatibility # the-webkit-text-stroke-color |