CSS marker प्रभाव

वर्णन और उपयोग

marker गुण एक टैग की ओर इंगित करता है जो एलेमेंट के सभी शीर्ष पर आरेखित होगा (अर्थात् पहले, मध्य और अंतिम शीर्ष)।

टैग का आकार SVG <marker> एलेमेंट द्वारा वर्णित है और url() मूल्य द्वारा संदर्भित किया जाता है।

CSS marker गुण का मूल्य SVG में marker गुण के किसी भी मूल्य को अवरोध करेगा。

उदाहरण

उदाहरण 1

एक टैग (बंदूक) की ओर इंगित करता है जो एलेमेंट के पहले, मध्य और अंतिम शीर्ष पर आरेखित होगा:

#test {
  marker: url(#arrow);
}

खुद से प्रयास करें

उदाहरण 2

एक टैग (वृत्त) की ओर इंगित करता है जो एलेमेंट के पहले, मध्य और अंतिम शीर्ष पर आरेखित होगा:

#test {
  marker: url(#circle);
}

खुद से प्रयास करें

CSS व्याकरण

marker: none|url|initial|inherit;

गुण मूल्य

मूल्य वर्णन
none डिफ़ॉल्ट मूल्य। रास्ते पर कोई टैग नहीं आरेखित होगा।
url द्वारा SVG <marker> एलेमेंट वर्णित टैग के URL संदर्भ के लिए।
initial इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें initial
inherit इस गुण को उसके पिता एलेमेंट से अनुवर्तित करें। देखें inherit

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

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।

च्रोम एज फायरफॉक्स सफारी ओपेरा
80 80 72 13.1 67

संबंधित पृष्ठ

ट्यूटोरियलःSVG टैग

संदर्भःCSS marker-start प्रभाव

संदर्भःCSS marker-mid प्रभाव

संदर्भःCSS marker-end प्रभाव