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 प्रतियोगिता