Moždani udar-linecap - CSS-trikovi

Anonim

stroke-linecapNekretnina u CSS je za postavljanje početne i završne točke jedne granice na SVG oblika.

.module ( stroke-linecap: round; )

Zapamtiti:

  • Ovo će poništiti atribut prezentacije
  • To neće nadjačati ugrađeni stil, npr

Vrijednosti

stroke-linecapImovine može prihvatiti sljedeće vrijednosti:

  • butt (zadano): završava potez oštrim kutom od 90 stupnjeva
  • square: slično buttosim što proširuje potez izvan duljine staze
  • round: dodaje radijus koji izravnava početnu i krajnju točku, a kojim upravlja stroke-width

Pogledajte svojstvo Pen stroke-linecap od CSS-Tricks (@ css-tricks) na CodePen-u.

Povezano

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

Više informacija

  • SVG 1.1 Spec
  • MDN na ispunama i potezima

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
Da Da Da Da 9+ 4,4+ Da