CSS टेक्स्ट-ओरिएंटेशन प्रभाव

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

text-orientation गुण अक्षरों की दिशा को निर्दिष्ट करता है।

ध्यान दें:केवल जब writing-mode सिर्फ विकल्पीय रूप में सेट किया जाए तो प्रभावी होता है।

उदाहरण

उदाहरण 1

विभिन्न <div> तत्व के लिए लिखने के तरीके को सेट करें:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

अपने आप प्रयास करें

उदाहरण 2

text-orientation गुण तालिका शीर्ष के दिशा को बदलने के लिए उपयोग किया जा सकता है:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

अपने आप प्रयास करें

सीएसएस ग्रामात

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

गुण मूल्य

मूल्य वर्णन
मिक्स्ड मूलभूत मूल्य।अक्षर 90 डिग्री घड़ी के घेरे में घुमाए जाते हैं।
upright अक्षर घुमाया नहीं जाता, सीधा रहता है।
sideways अक्षरों का दिशा लिखने के तरीके के साथ लिखने के तरीके की दिशा से एकसी है, अर्थात घड़ी के घेरे में 90 डिग्री घुमाए जाते हैं।
sideways-right sideways गुण के मूल्य से समान है।समर्थन के लिए बनाया गया है।
use-glyph-orientation एसवीजी तत्व के लिए इस्तेमाल करें, ताकि लिखने के तरीके के साथ लिप्यांकन ओरिएंटेशन-वर्टिकल और लिप्यांकन ओरिएंटेशन-होरिज़ोंटल को विरासत कर सकें।
इनिशियल इस गुण को उसके मूलभूत मूल्य पर सेट करें।देखें इनिशियल
विरासत पितृ तत्व से इस गुण को विरासत करें।देखें विरासत

तकनीकी विवरण

मूलभूत मूल्य: मिक्स्ड
विरासत: हाँ
एनीमेशन निर्माण: न समर्थित।देखें:एनीमेशन संबंधी गुण
संस्करण: सीएसएस3
जेसक्रिप्ट ग्रामात object.style.textOrientation="upright"

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

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
48.0 79.0 41.0 14.0 35.0

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

संदर्भ:CSS रिटिंग-मोड प्रभाव