स्ट्रोक - सीएसएस-ट्रिक्स

Anonim

strokeसीएसएस में संपत्ति एसवीजी आकार करने के लिए एक सीमा जोड़ने के लिए है।

.module ( stroke: black; )

याद कीजिए:

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

मूल्यों

strokeसंपत्ति किसी भी सीएसएस रंग मान स्वीकार कर सकते हैं।

  • नामांकित रंग - orange
  • हेक्स रंग - #FF9E2C
  • RGB और RGBa रंग - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL और HSLa रंग - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

पर्याप्त रूप से, strokeएक defsतत्व के अंदर परिभाषित एसवीजी आकृतियों के पैटर्न को भी स्वीकार करता है :

.module ( stroke: url(#pattern); )

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

सम्बंधित

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

अधिक जानकारी

  • एसवीजी 1.1 कल्पना
  • भरता और स्ट्रोक पर एमडीएन

ब्राउज़र का समर्थन

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
हाँ हाँ हाँ हाँ 9+ 4.4+ है हाँ