Stroke-linecap - Trik CSS

Anonim

The stroke-linecapproperti di CSS adalah untuk menetapkan awal dan titik akhir dari perbatasan pada bentuk SVG.

.module ( stroke-linecap: round; )

Ingat:

  • Ini akan menggantikan atribut presentasi
  • Ini tidak akan menimpa gaya sebaris misalnya

Nilai

The stroke-linecapproperti dapat menerima nilai-nilai berikut:

  • butt (default): mengakhiri goresan dengan sudut tajam 90 derajat
  • square: mirip dengan buttkecuali bahwa itu memperpanjang goresan di luar panjang jalur
  • round: menambahkan radius yang memperhalus titik awal dan akhir, yang dikontrol oleh stroke-width

Lihat properti Pen stroke-linecap oleh CSS-Tricks (@ css-trick) di CodePen.

Terkait

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

Informasi Lebih Lanjut

  • Spesifikasi SVG 1.1
  • MDN pada isian dan guratan

Dukungan Browser

Chrome Safari Firefox Opera YAITU Android iOS
Iya Iya Iya Iya 9+ 4.4+ Iya