Gājiena platums - CSS-triki

Anonim

stroke-widthĪpašums CSS ir noteikt platumu no robežas uz SVG formas.

.module ( stroke-width: 2; )

Atcerieties:

  • Tas būs ignorēt prezentācijas atribūtu
  • Tas nebūs ignorēt inline stila piemēram

Vērtības

Naktsmītne stroke-widthvar pieņemt jebkuru skaitli, ieskaitot veselus skaitļus, decimāldaļas un procentus:

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

Ņemiet vērā, ka vienības identifikators (ti, pxun em) nav nepieciešams. Skaitlis bez mērvienībām ir vērtība, kuras pamatā ir SVG koordinātu sistēma viewBox. Tā, piemēram, 5padara tāpat kā 5%A viewBox, kas ir iestatīts uz 0 0 100 100(5/100 = .05 vai 5%), bet 10%viens, kas ir 0 0 50 50(5/50 = 0,1 vai 10%).

Skatiet CSS-Tricks rekvizītu Pen insult-width (@ css-tricks) vietnē CodePen.

Saistīts

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

Vairāk informācijas

  • SVG 1.1 Spec
  • MDN uz pildījumiem un insultiem

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jā Jā Jā Jā 9+ 4.4+ Jā