Slagtilfælde - CSS-tricks

Anonim

Den stroke-linecapejendom i CSS er til indstilling af start og slut punkter i en kant på SVG former.

.module ( stroke-linecap: round; )

Husk:

  • Dette vil tilsidesætte en præsentation attribut
  • Dette tilsidesætter ikke en indbygget stil, f.eks

Værdier

Den stroke-linecapegenskab kan acceptere følgende værdier:

  • butt (standard): slutter slaglængden med en skarp 90 graders vinkel
  • square: svarende til buttbortset fra at det strækker slagtilfælde ud over stiens længde
  • round: tilføjer en radius, der udjævner start- og slutpunkter, som styres af stroke-width

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

Relaterede

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

Mere information

  • SVG 1.1 Spec
  • MDN på fyld og slag

Browsersupport

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