Schlaganfall - CSS-Tricks

Anonim

Die strokeEigenschaft in CSS dient zum Hinzufügen eines Rahmens zu SVG-Formen.

.module ( stroke: black; )

Merken:

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

Werte

Die strokeEigenschaft kann jeden CSS-Farbwert akzeptieren.

  • Benannte Farben - orange
  • Hex Farben - #FF9E2C
  • RGB- und RGBa-Farben - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL- und HSLa-Farben - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Akzeptiert strokeauch die Muster von SVG-Formen, die innerhalb eines defsElements definiert sind :

.module ( stroke: url(#pattern); )

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

verbunden

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • 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