CSS टेक्स्ट-ओरिएंटेशन प्रभाव
- पिछला पृष्ठ text-justify
- अगला पृष्ठ text-overflow
वर्णन और उपयोग
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 रिटिंग-मोड प्रभाव
- पिछला पृष्ठ text-justify
- अगला पृष्ठ text-overflow