Insulto antdėklas - CSS-gudrybės

Anonim

stroke-linecapCSS nuosavybė yra nustatyti pradžios ir pabaigos taškus sienos apie SVG formų.

.module ( stroke-linecap: round; )

Prisiminti:

  • Tai bus nepaisyti pristatymas atributą
  • Tai nebus nepaisyti inline stiliaus pvz

Vertybės

Apgyvendinimo stroke-linecapįstaiga gali priimti šias reikšmes:

  • butt (numatytasis nustatymas): smūgis baigiamas staigiu 90 laipsnių kampu
  • square: panašus į butttai, kad jis išplečia smūgį už kelio ilgio
  • round: prideda spindulį, kuris išlygina pradžios ir pabaigos taškus, kurį valdo stroke-width

Peržiūrėkite „CSS-Tricks“ („@ css-tricks“) „Pen stroke-linecap“ ypatybę „CodePen“.

Susijęs

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

Daugiau informacijos

  • SVG 1.1 Spec
  • MDN apie užpildymus ir smūgius

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
Taip Taip Taip Taip 9+ 4.4+ Taip