Löketszélesség - CSS-trükkök

A stroke-widthCSS tulajdonság a szegély szélességének beállítására szolgál SVG alakzatokra.

.module ( stroke-width: 2; )

Emlékezik:

Ez lesz felülírja a bemutató attribútum
Ez nem fogja felülírni az inline stílust, pl

Értékek

A stroke-widthszálláshely bármilyen számot elfogadhat, beleértve az egész számokat, a tizedesjegyeket és a százalékokat:

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

Ne feledje, hogy nincs szükség egységazonosítóra (azaz pxés em). Az egységek nélküli szám az SVG koordinátarendszerén alapuló érték viewBox. Tehát, például, 5teszi ugyanaz, mint 5%egy viewBox, hogy van beállítva, hogy 0 0 100 100(5/100 = 0,05, illetve 5%), de 10%az egyik, hogy a 0 0 50 50(5/50 = .1, vagy 10%).

Lásd a CSS-Tricks (@ css-tricks) Pen Pen szélesség tulajdonságát a CodePen-en.