Tahová čára - Triky CSS

Anonim

stroke-linecapNemovitost v CSS slouží k nastavení počáteční a koncové body hranice na SVG tvarů.

.module ( stroke-linecap: round; )

Pamatovat si:

  • To bude přepsat atribut prezentační
  • To nebude přepsat inline stylu např

Hodnoty

stroke-linecapVlastnost může přijmout následující hodnoty:

  • butt (výchozí): ukončí tah ostrým úhlem 90 stupňů
  • square: podobně jako buttaž na to, že prodlužuje tah za délku cesty
  • round: přidá poloměr, který vyhladí počáteční a koncový bod, který je řízen stroke-width

Podívejte se na vlastnost Pen stroke-linecap od CSS-Tricks (@ css-tricks) na CodePen.

Příbuzný

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

Více informací

  • SVG 1.1 Spec
  • MDN na výplních a tahech

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
Ano Ano Ano Ano 9+ 4,4+ Ano