Stroke-linecap - CSS-Tricks

Anonim

stroke-linecapProprietatea în CSS este pentru setarea punctele de pornire și de o bordură pe forme SVG se încheie.

.module ( stroke-linecap: round; )

Tine minte:

  • Aceasta va înlocui un atribut de prezentare
  • Acest lucru nu va suprascrie un stil inline, de exemplu

Valori

stroke-linecapProprietatea poate accepta următoarele valori:

  • butt (implicit): termină cursa cu un unghi ascuțit de 90 de grade
  • square: similar cu buttexcepția faptului că extinde cursa dincolo de lungimea căii
  • round: adaugă o rază care netezește punctele de început și de sfârșit, care este controlată de stroke-width

Vedeți proprietatea Pen stroke-linecap de către CSS-Tricks (@ css-tricks) pe CodePen.

Legate de

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

Mai multe informatii

  • SVG 1.1 Spec
  • MDN pe umpluturi și lovituri

Suport pentru browser

Crom Safari Firefox Operă IE Android iOS
da da da da 9+ 4.4+ da