Strok-linecap - Trik CSS

Anonim

The stroke-linecapharta di CSS adalah untuk menetapkan permulaan dan berakhir mata sempadan pada bentuk SVG.

.module ( stroke-linecap: round; )

Ingat:

  • Ini akan mengatasi atribut persembahan
  • Ini tidak akan mengatasi gaya sebaris misalnya

Nilai

Tempat stroke-linecappenginapan ini dapat menerima nilai berikut:

  • butt (lalai): mengakhiri pukulan dengan sudut 90 darjah yang tajam
  • square: serupa dengan buttkecuali bahawa ia memanjangkan lekukan melebihi panjang jalan
  • round: menambahkan jejari yang melicinkan titik permulaan dan akhir, yang dikendalikan oleh stroke-width

Lihat hartanah Pen stroke-linecap oleh CSS-Tricks (@ css-tricks) di CodePen.

Berkaitan

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

Maklumat lanjut

  • SVG 1.1 Spesifikasi
  • MDN mengenai pengisian dan pukulan

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
Ya Ya Ya Ya 9+ 4.4+ Ya