Insulta aizdare - CSS-triki

Anonim

stroke-linecapĪpašums CSS ir nosakot sākuma un beigu kādas robežas uz SVG formas punktus.

.module ( stroke-linecap: round; )

Atcerieties:

  • Tas būs ignorēt prezentācijas atribūtu
  • Tas nebūs ignorēt inline stila piemēram

Vērtības

stroke-linecapĪpašumu var pieņemt šādas vērtības:

  • butt (noklusējums): pabeidz gājienu ar asu 90 grādu leņķi
  • square: līdzīgs tam, buttka izstiepj gājienu ārpus ceļa garuma
  • round: pievieno rādiusu, kas izlīdzina sākuma un beigu punktus, kuru kontrolē stroke-width

Skatiet CSS-Tricks rekvizītu Pen stroke-linecap (@ css-tricks) vietnē CodePen.

Saistīts

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

Vairāk informācijas

  • SVG 1.1 Spec
  • MDN uz pildījumiem un insultiem

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jā Jā Jā Jā 9+ 4.4+ Jā