Slag-linecap - CSS-trucs

Anonim

De stroke-linecapeigenschap in CSS is voor het instellen van de begin- en eindpunten van een rand op SVG-vormen.

.module ( stroke-linecap: round; )

Onthouden:

  • Dit heeft voorrang op een presentatiekenmerk
  • Dit heeft geen voorrang op een inline stijl, bijv

Waarden

De stroke-linecapeigenschap kan de volgende waarden accepteren:

  • butt (standaard): beëindigt de streek met een scherpe hoek van 90 graden
  • square: vergelijkbaar met, buttbehalve dat het de slag langer maakt dan de lengte van het pad
  • round: voegt een straal toe die de start- en eindpunten verzacht, die wordt bepaald door de stroke-width

Zie de eigenschap Pen stroke-linecap door CSS-Tricks (@ css-tricks) op CodePen.

Verwant

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

Meer informatie

  • SVG 1.1-specificatie
  • MDN op vullingen en slagen

Browser-ondersteuning

Chrome Safari Firefox Opera D.W.Z Android iOS
Ja Ja Ja Ja 9+ 4.4+ Ja