स्ट्रोक-लिनकेप - सीएसएस-ट्रिक्स

Anonim

stroke-linecapसीएसएस में संपत्ति प्रारंभिक स्थापना और एसवीजी आकार पर एक सीमा के अंत के बिंदुओं के लिए है।

.module ( stroke-linecap: round; )

याद कीजिए:

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

मूल्यों

stroke-linecapसंपत्ति निम्न मान स्वीकार कर सकते हैं:

  • butt (डिफ़ॉल्ट): एक तेज 90-डिग्री कोण के साथ स्ट्रोक को समाप्त करता है
  • square: buttसिवाय इसके कि यह पथ की लंबाई से परे स्ट्रोक का विस्तार करता है
  • round: एक त्रिज्या जोड़ता है जो प्रारंभ और अंत बिंदुओं को सुचारू करता है, जिसे नियंत्रित किया जाता है stroke-width

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

सम्बंधित

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-width

अधिक जानकारी

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

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

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