Strichkappe - CSS-Tricks

Anonim

Die stroke-linecapEigenschaft in CSS dient zum Festlegen des Start- und Endpunkts eines Rahmens für SVG-Formen.

.module ( stroke-linecap: round; )

Merken:

  • Dadurch wird ein Präsentationsattribut überschrieben
  • Dies überschreibt keinen Inline-Stil, z

Werte

Die stroke-linecapEigenschaft kann die folgenden Werte akzeptieren:

  • butt (Standard): Beendet den Strich mit einem scharfen 90-Grad-Winkel
  • square: ähnlich mit der buttAusnahme, dass der Strich über die Länge des Pfades hinaus verlängert wird
  • round: Fügt einen Radius hinzu, der den Start- und Endpunkt glättet und von der gesteuert wird stroke-width

Siehe die Pen Stroke-Linecap-Eigenschaft von CSS-Tricks (@ css-Tricks) auf CodePen.

verbunden

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-width

Mehr Informationen

  • SVG 1.1 Spec
  • MDN bei Füllungen und Strichen

Browser-Unterstützung

Chrom Safari Feuerfuchs Oper IE Android iOS
Ja Ja Ja Ja 9+ 4.4+ Ja