Larghezza del tratto - Trucchi CSS

La stroke-widthproprietà in CSS serve per impostare la larghezza di un bordo su forme SVG.

.module ( stroke-width: 2; )

Ricorda:

Questo sarà sovrascrivere un attributo di presentazione
Questo non sovrascriverà uno stile in linea ad es

Valori

La stroke-widthproprietà può accettare qualsiasi numero, inclusi numeri interi, decimali e percentuali:

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

Notare che un identificatore di unità (cioè pxe em) non è richiesto. Un numero senza unità è un valore basato sul sistema di coordinate dell'SVG viewBox. Quindi, ad esempio, il 5rendering è uguale 5%a viewBoxquello impostato su 0 0 100 100(5/100 = .05 o 5%) ma 10%in uno che è 0 0 50 50(5/50 = .1 o 10%).

Vedi la proprietà Pen stroke-width di CSS-Tricks (@ css-tricks) su CodePen.