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 प्रभाव
- पिछला पृष्ठ मार्गिन-टॉप
- अगला पृष्ठ मार्कर-एंड