-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 spezifiziert die Breite und Farbe der Konturen für Textzeichen. Dies ist eine Kurzform-Eigenschaft für die Langform-Eigenschaften -webkit-text-stroke-width
und -webkit-text-stroke-color
.
css
/* Width and color values */
-webkit-text-stroke: 4px navy;
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;
Zusammengesetzte Eigenschaften
Diese Eigenschaft ist eine Kurzform für die folgenden CSS-Eigenschaften:
Syntax
Werte
Formale Definition
Initialer Wert | wie die jeweiligen Kurzschreibweisen:
|
---|---|
Anwendbar auf | alle Elemente |
Vererbt | Ja |
Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
Animationstyp | wie die jeweiligen Kurzschreibweisen: |
Formale Syntax
Beispiele
Hinzufügen einer roten Textkontur
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 Standard # the-webkit-text-stroke |
Browser-Kompatibilität
BCD tables only load in the browser