Širina poteza - CSS-triki

Anonim

stroke-widthHotel v CSS je za nastavitev širine meje na SVG oblik.

.module ( stroke-width: 2; )

Ne pozabite:

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

Vrednote

stroke-widthPremoženje lahko sprejme katero koli številko, vključno s celimi števili, decimalke, in odstotki:

  • stroke-width: 2px
  • stroke-width: 2em
  • stroke-width: 2
  • stroke-width: 2.5
  • stroke-width: 15%

Upoštevajte, da identifikator enote (tj. pxIn em) ni potreben. Število brez enot je vrednost, ki temelji na koordinatnem sistemu SVG viewBox. Tako na primer 5upodablja enako kot 5%pri a, viewBoxki je nastavljen na 0 0 100 100(5/100 = .05 ali 5%), toda 10%v tistem, ki je 0 0 50 50(5/50 = .1 ali 10%).

Oglejte si lastnost Pen-width-width s CSS-Tricks (@ css-tricks) na CodePen.

Sorodno

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap

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