CSS text-stroke-width-Eigenschaft

Die -webkit-text-stroke-width-Eigenschaft gibt die Breite des Textstrichs an.

INFO

Die text-stroke-width-Eigenschaft ist nicht als eigenständige Eigenschaft standardisiert. Die Standard-Kurzschreibweise ist text-stroke (CSS Text Level 4). Für eine breite Browserunterstützung verwenden Sie den -webkit--Vendor-Präfix.

Initial Value	0
Applies to	All elements.
Inherited	No.
Animatable	No
Version	CSS Text Level 4 (vendor-prefixed)
DOM Syntax	object.style.webkitTextStrokeWidth = "1px";

Syntax

CSS text-stroke-width-Werte

css

-webkit-text-stroke-width: length | initial | inherit;

Beispiel für die text-stroke-width-Eigenschaft:

CSS text-stroke-width-Codebeispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      p, h2 {
        margin: 0;
        font-size: 4em;
        -webkit-text-stroke-color: #1c87c9;
      }
      .thin {
        -webkit-text-stroke-width: 1px;
      }
      .medium {
        -webkit-text-stroke-width: 3.5px;
      }
      .thick {
        -webkit-text-stroke-width: 1.3mm;
      }
    </style>
  </head>
  <body>
    <h2>Text-stroke-width property example</h2>
    <p class="thin">Lorem Ipsum </p>
    <p class="medium">Lorem Ipsum</p>
    <p class="thick">Lorem Ipsum</p>
  </body>
</html>

Try it Yourself »

Ergebnis

CSS text-stroke-width values list

Hinweis: Verwenden Sie, wo unterstützt, die Standard-Kurzschreibweise text-stroke anstelle der vorangestellten Eigenschaft.

Werte

Value	Description
length	Gibt die Dicke des Strichs an.
initial	Legt fest, dass die Eigenschaft ihren Standardwert verwendet.
inherit	Erbt die Eigenschaft von ihrem übergeordneten Element.

Praxis

Welche Aussage ist falsch bezüglich der CSS text-stroke-width-Eigenschaft.

Sie kann auf alle Elemente angewendet werden.Sie ist eine animierbare Eigenschaft.Sie gibt die Breite des Strichs an.

CSS text-stroke-width-Eigenschaft ​

Syntax ​

Beispiel für die text-stroke-width-Eigenschaft: ​

Ergebnis ​