Szerokość obrysu - CSS-Tricks

stroke-widthNieruchomość w CSS służy do ustawiania szerokości granicy na kształty SVG.

.module ( stroke-width: 2; )

Zapamiętaj:

Spowoduje to zastąpienie atrybutu prezentacji
Nie spowoduje to zastąpienia stylu wbudowanego, np

Wartości

stroke-widthNieruchomość może przyjąć dowolną liczbę, w tym liczb całkowitych, dziesiętnych i procentów:

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

Należy zauważyć, że identyfikator jednostki (tj. pxI em) nie są wymagane. Liczba bez jednostek to wartość oparta na układzie współrzędnych SVG viewBox. Na przykład 5renderuje to samo, co 5%w przypadku viewBoxustawionym na 0 0 100 100(5/100 = 0,05 lub 5%), ale 10%w takim, które ma wartość 0 0 50 50(5/50 = 0,1 lub 10%).

Zobacz właściwość Pen stroke-width autorstwa CSS-Tricks (@ css-tricks) w CodePen.