Accident vascular cerebral - CSS-Tricks

Anonim

strokeProprietatea în CSS este pentru a adăuga un chenar la forme SVG.

.module ( stroke: black; )

Tine minte:

  • Aceasta va înlocui un atribut de prezentare
  • Acest lucru nu va suprascrie un stil inline, de exemplu

Valori

strokeProprietatea poate accepta orice valoare de culoare CSS.

  • Culori denumite - orange
  • Culori hexagonale - #FF9E2C
  • Culori RGB și RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Culori HSL și HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

În mod uimitor, strokeacceptă și modelele formelor SVG definite în interiorul unui defselement:

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

Vedeți proprietatea Pen stroke de la CSS-Tricks (@ css-tricks) pe CodePen.

Legate de

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

Mai multe informatii

  • SVG 1.1 Spec
  • MDN pe umpluturi și lovituri

Suport pentru browser

Crom Safari Firefox Operă IE Android iOS
da da da da 9+ 4.4+ da