CSS marker-start प्रतियोगिता
- पिछला पृष्ठ मार्कर-मिड
- अगला पृष्ठ मास्क
वर्णन और उपयोग
marker-start
गुण एक टैग की ओर इंद्रियां देता है जो एलेमेंट के पथ के पहले शीर्ष पर ड्राइंग होगा。
टैग का आकार SVG <marker> एलेमेंट द्वारा वर्णित है और url() मूल्य के द्वारा संदर्भित किया जाता है।
CSS marker-start
गुण का मूल्य SVG में marker-start गुण के मूल्य को ओवरराइड करेगा।
उदाहरण
उदाहरण 1
एक टैग (बोल) की ओर इंद्रियां दें जो एलेमेंट के पथ के पहले शीर्ष पर ड्राइंग होगा:
#test { marker-start: url(#arrow); }
उदाहरण 2
एक टैग (वृत्त) की ओर इंद्रियां दें जो एलेमेंट के पथ के पहले शीर्ष पर ड्राइंग होगा:
#test { marker-start: url(#circle); }
CSS व्याकरण
marker-start: कोई नहीं|url|आरंभिक|उत्पन्न;
गुण मूल्य
मूल्य | वर्णन |
---|---|
कोई नहीं | डिफ़ॉल्ट मूल्य। पथ के पहले शीर्ष पर कोई टैग ड्राइंग नहीं होगा। |
url | द्वारा SVG <marker> एलेमेंट वर्णित टैग के URL निर्देशन |
आरंभिक | इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें आरंभिक。 |
उत्पन्न | इस गुण को उसके पिता एलेमेंट से इसके गुण को उत्पन्न करें। देखें उत्पन्न。 |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
संबंधित पृष्ठ
ट्यूटोरियलःSVG टैग
संदर्भःCSS marker प्रतियोगिता
संदर्भःCSS marker-mid प्रतियोगिता
संदर्भःCSS marker-end प्रतियोगिता
- पिछला पृष्ठ मार्कर-मिड
- अगला पृष्ठ मास्क