Možganska kap - CSS-triki

Anonim

strokeHotel v CSS je za dodajanje obrobo SVG oblik.

.module ( stroke: black; )

Ne pozabite:

  • To bo preglasilo atribut predstavitve
  • To ne bo preglasilo vrstnega sloga, npr

Vrednote

strokePremoženje lahko sprejme katero koli barvo CSS vrednosti.

  • Poimenovane barve - orange
  • Šestnajstiške barve - #FF9E2C
  • RGB in RGBa barve - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Barvi HSL in HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Dovolj čudovito strokesprejema tudi vzorce oblik SVG, ki so definirani znotraj defselementa:

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

Oglejte si lastnost poteze pisala s CSS-triki (@ css-triki) na CodePen.

Sorodno

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

Več informacij

  • SVG 1.1 Spec
  • MDN na zapolnitvah in potezah

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Da Da Da Da 9+ 4,4+ Da