Ширина штриха - CSS-хитрости

stroke-widthСвойство в CSS для задания ширины границы на SVG форм.

.module ( stroke-width: 2; )

Помните:

Это будет переопределить атрибут представления
Это не переопределит встроенный стиль, например

Значения

stroke-widthСвойство может принимать любое число, в том числе целых чисел, десятичных и процентов:

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

Обратите внимание, что идентификатор объекта (т.е. pxи em) не требуется. Число без единиц - это значение, основанное на системе координат SVG viewBox. Так, например, 5рендеринг выполняется так же, как 5%в a viewBox, для которого установлено значение 0 0 100 100(5/100 = 0,05 или 5%), но 10%в одном 0 0 50 50(5/50 = 0,1 или 10%).

См. Свойство Pen stroke-width от CSS-Tricks (@ css-tricks) на CodePen.