Insult - CSS-trikid

Anonim

strokeVara CSS on raami lisamine SVG kujundeid.

.module ( stroke: black; )

Pidage meeles:

  • See on alistada esitlus atribuut
  • See ei alista sisemist stiili, nt

Väärtused

strokeVara võib aktsepteerida CSS värvi väärtus.

  • Nimetatud värvid - orange
  • Hex värvid - #FF9E2C
  • RGB ja RGBa värvid - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL ja HSLa värvid - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Hämmastavalt strokeaktsepteerib ka defselemendi sees määratletud SVG-kujundite mustreid :

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

Vaadake CodePenilt CSS-Tricks atribuuti Pen stroke (@ css-tricks).

Seotud

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

Rohkem informatsiooni

  • SVG 1.1 spetsifikatsioon
  • MDN täidistel ja löökidel

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Jah Jah Jah Jah 9+ 4.4+ Jah