Insultas - CSS-gudrybės

Anonim

strokeCSS turtas yra pridėti kraštinę prie SVG formų.

.module ( stroke: black; )

Prisiminti:

  • Tai bus nepaisyti pristatymas atributą
  • Tai nebus nepaisyti inline stiliaus pvz

Vertybės

strokeTurtas gali priimti bet kokį CSS spalvų reikšmę.

  • Pavadintos spalvos - orange
  • Šešiakampės spalvos - #FF9E2C
  • RGB ir RGBa spalvos - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL ir HSLa spalvos - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Nuostabiai, bet stroketaip pat priima SVG figūrų modelius, apibrėžtus defselemento viduje :

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

Peržiūrėkite CSS-Tricks (@ css-tricks) „Pen stroke“ ypatybę „CodePen“.

Susijęs

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

Daugiau informacijos

  • SVG 1.1 Spec
  • MDN apie užpildymus ir smūgius

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
Taip Taip Taip Taip 9+ 4.4+ Taip