स्ट्रोक-चौड़ाई - सीएसएस-ट्रिक्स

stroke-widthसीएसएस में संपत्ति एसवीजी आकार पर एक सीमा की चौड़ाई स्थापित करने के लिए है।

.module ( stroke-width: 2; )

याद कीजिए:

यह एक प्रस्तुति विशेषता को ओवरराइड करेगा
यह एक इनलाइन शैली को ओवरराइड नहीं करेगा उदा

मूल्यों

stroke-widthसंपत्ति संपूर्ण संख्या, दशमलव, और प्रतिशत सहित किसी भी संख्या, स्वीकार कर सकते हैं:

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

ध्यान दें कि एक इकाई पहचानकर्ता (यानी pxऔर em) की आवश्यकता नहीं है। इकाइयों के बिना एक संख्या एसवीजी की समन्वय प्रणाली के आधार पर एक मूल्य है viewBox। तो, उदाहरण के लिए, 5के रूप में ही renders 5%एक में viewBoxहै कि करने के लिए सेट कर दिया जाता 0 0 100 100(5/100 = .05 या 5%), लेकिन 10%एक में है कि के 0 0 50 50(5/50 = .1 या 10%)।

CodePen पर CSS-Tricks (@ css-tricks) द्वारा पेन स्ट्रोक-चौड़ाई प्रॉपर्टी देखें।