Stroke-linecap - CSS-triks

Anonim

Den stroke-linecapeiendom i CSS er for å angi start- og sluttpunkt for en grense på SVG-figurer.

.module ( stroke-linecap: round; )

Huske:

  • Dette vil overstyre en presentasjon attributt
  • Dette overstyrer ikke en innebygd stil, f.eks

Verdier

Den stroke-linecapegenskapen kan godta følgende verdier:

  • butt (standard): avslutter slaget med en skarp 90 graders vinkel
  • square: ligner på buttbortsett fra at den strekker seg utover stien
  • round: legger til en radius som glatter ut start- og sluttpunktene, som styres av stroke-width

Se Pen stroke-linecap-egenskapen av CSS-Tricks (@ css-tricks) på CodePen.

I slekt

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

Mer informasjon

  • SVG 1.1 spesifikasjon
  • MDN på fyll og slag

Nettleserstøtte

Chrome Safari Firefox Opera DVS Android iOS
Ja Ja Ja Ja 9+ 4.4+ Ja