Ширина потеза - ЦСС-трикови

Anonim

stroke-widthИмовина у ЦСС је за постављање ширине границе на СВГ облика.

.module ( stroke-width: 2; )

Запамтити:

  • Ово ће заменити атрибут презентације
  • Ово неће заменити уграђени стил, нпр

Вредности

stroke-widthИмовина може да прихвати било који број, укључујући и целим бројевима, децимале, и процентима:

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

Имајте на уму да идентификатор јединице (тј. pxИ em) није потребан. Број без јединица је вредност заснована на координатном систему СВГ viewBox. Тако, на пример, 5приказује исто као 5%у а viewBoxкоји је подешен на 0 0 100 100(5/100 = .05 или 5%), али 10%у оном који је 0 0 50 50(5/50 = .1 или 10%).

Погледајте својство оловке ширине потеза од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Повезан

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

Више информација

  • СВГ 1.1 Спец
  • МДН на испунама и потезима

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
да да да да 9+ 4.4+ да