Aivohalvaus - CSS-temppuja

Anonim

stroke-linecapOmaisuus CSS on asettamiseksi alku- ja loppupisteet rajan SVG muotoja.

.module ( stroke-linecap: round; )

Muistaa:

  • Tämä tulee ohittaa esityksen määrite
  • Tämä ei korvaa linjatyyliä esim

Arvot

stroke-linecapOmaisuus voi hyväksyä seuraavat arvot:

  • butt (oletus): lopettaa lyönnin terävällä 90 asteen kulmalla
  • square: samanlainen kuin buttpaitsi, että se ulottuu lyönnin polun pituuden ulkopuolelle
  • round: lisää säteen, joka tasoittaa aloitus- ja loppupisteet, jota ohjaa stroke-width

Katso CSS-Tricks (@ css-tricks) -kynä Pen stroke-linecap -ominaisuus CodePenistä.

Liittyvät

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

Lisää tietoa

  • SVG 1.1 Erittely
  • MDN täytteissä ja aivohalvauksissa

Selaimen tuki

Kromi Safari Firefox Ooppera IE Android iOS
Joo Joo Joo Joo 9+ 4.4+ Joo