Largura do traço - CSS-Tricks

A stroke-widthpropriedade em CSS serve para definir a largura de uma borda em formas SVG.

.module ( stroke-width: 2; )

Lembrar:

Isto irá substituir um atributo de apresentação
Isso não substituirá um estilo embutido, por exemplo

Valores

A stroke-widthpropriedade pode aceitar qualquer número, incluindo números inteiros, decimais e porcentagens:

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

Observe que um identificador de unidade (ou seja, pxe em) não é necessário. Um número sem unidades é um valor baseado no sistema de coordenadas do SVG viewBox. Assim, por exemplo, 5renderiza o mesmo que 5%em um viewBoxque está definido como 0 0 100 100(5/100 = .05 ou 5%), mas 10%em um que é 0 0 50 50(5/50 = .1 ou 10%).

Veja a propriedade Pen stroke-width por CSS-Tricks (@ css-tricks) em CodePen.