Stroke - Trik CSS

Anonim

The strokeproperti di CSS adalah untuk menambahkan perbatasan untuk bentuk SVG.

.module ( stroke: black; )

Ingat:

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

Nilai

The strokeproperti dapat menerima nilai warna CSS.

  • Warna bernama - orange
  • Warna hex - #FF9E2C
  • Warna RGB dan RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Warna HSL dan HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Cukup mengagumkan, strokejuga menerima pola bentuk SVG yang ditentukan di dalam defselemen:

.module ( stroke: url(#pattern); )

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

Terkait

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • 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