CSS टेक्स्ट-एम्प्हास-पोजीशन प्रभाव

परिभाषा और उपयोग

text-emphasis-position गुण को जोर के चिह्न का स्थान (ऊपर, नीचे, बाईं, दायरे) निर्धारित करता है。

सुझाव:उपयोग writing-mode गुण का उपयोग करके सीधी या अशीर लिखाई मोड को निर्धारित करें।

उदाहरण

उपयोग text-emphasis-position गुण:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

खुद इसे प्रयोग करें

CSS व्याकरण

text-emphasis-position: over|under|left|right|initial|inherit;

गुण मूल्य

मूल्य वर्णन
ऊपर पाठ के ऊपर जोर का चिह्न लगाएं (सीधी लिखाई मोड में)。
नीचे पाठ के नीचे जोर का चिह्न लगाएं (सीधी लिखाई मोड में)。
बाईं पाठ के बाईं ओर जोर का चिह्न लगाएं (अशीर लिखाई मोड में)。
दायरे में पाठ के दायरे में जोर का चिह्न लगाएं (अशीर लिखाई मोड में)。
इनिशियल इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें इनिशियल
विरासत इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें विरासत

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: उपर सज्जा
विरासतशीलता: हाँ
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.textEmphasisPosition="under"

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

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

क्रोम एज फायरफॉक्स सैफारी ओपेरा
99.0 99.0 46.0 7.0 85.0