CSS text-stroke-color-Eigenschaft

Die text-stroke-color-Eigenschaft legt die Farbe des Zeichenstrichs fest. Der Anfangswert der text-stroke-color-Eigenschaft ist currentColor.

Hier können Sie Farben auswählen HTML-Farben.

INFO

Die text-stroke-color-Eigenschaft ist eine Standard-CSS-Eigenschaft, erfordert jedoch derzeit für eine breite Browserunterstützung das -webkit--Präfix. Firefox unterstützt sie noch nicht.

Anfangswert	currentColor
Anwendbar auf	Alle Elemente.
Vererbbar	Ja.
Animierbar	Ja. Die Farbe ist animierbar.
Version	CSS Text Module Level 4
DOM-Syntax	object.style.textStrokeColor = "#8ebf42";

Syntax

CSS text-stroke-color-Werte

css

text-stroke-color: color | initial | inherit;

Beispiel zur text-stroke-color-Eigenschaft:

CSS text-stroke-color-Codebeispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1em;
        margin-top: 2em;
      }
      p {
        margin: 0;
        font-size: 3em;
        -webkit-text-stroke-width: 2px;
        text-stroke-width: 2px;
        -webkit-text-stroke-color: #8ebf42;
        text-stroke-color: #8ebf42;
      }
    </style>
  </head>
  <body>
    <h2>Text-stroke-color property example</h2>
    <p>Lorem Ipsum is simply dummy text...</p>
    <input type="color" value="#8ebf42" />
    <script>
      const input = document.querySelector('input[type="color"]');
      const p = document.querySelector('p');
      input.addEventListener('input', (e) => {
        p.style.webkitTextStrokeColor = e.target.value;
        p.style.textStrokeColor = e.target.value;
      });
    </script>
  </body>
</html>

Try it Yourself »

Ergebnis

SS text-stroke-color values list

Werte

Wert	Beschreibung
color	Legt die Farbe des Strichs fest. Es können Farbnamen, hexadezimale Farbcodes, rgb(), rgba(), hsl(), hsla() verwendet werden.
initial	Legt fest, dass die Eigenschaft ihren Standardwert verwendet.
inherit	Erbt die Eigenschaft vom übergeordneten Element.

Practice

Der Standardwert von text-stroke-color ist der Standardwert der

border-color-Eigenschaft.color-Eigenschaft.background-color-Eigenschaft.

CSS text-stroke-color-Eigenschaft ​

Syntax ​

Beispiel zur text-stroke-color-Eigenschaft: ​

Ergebnis ​