Čiara čiary - Triky CSS

Anonim

stroke-linecapNehnuteľnosť v CSS slúži na nastavenie počiatočnej a koncové body hranice na SVG tvarov.

.module ( stroke-linecap: round; )

Pamätajte:

  • To bude prepísať atribút prezentačné
  • To nebude prepísať inline štýle napr

Hodnoty

Toto stroke-linecapubytovacie zariadenie akceptuje nasledujúce hodnoty:

  • butt (predvolené): ukončí ťah ostrým 90-stupňovým uhlom
  • square: podobné ako butts tým rozdielom, že predlžuje zdvih mimo dĺžku dráhy
  • round: pridá polomer, ktorý vyhladí začiatočný a konečný bod, ktorý je riadený pomocou stroke-width

Prezrite si vlastnosť Pen stroke-linecap od CSS-Tricks (@ css-tricks) na CodePen.

Súvisiace

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

Viac informácií

  • SVG 1.1 Spec
  • MDN na výplniach a ťahoch

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
Áno Áno Áno Áno 9+ 4,4+ Áno