CSS में writing-mode प्रॉपर्टी

writing-mode प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं।

प्रॉपर्टी मान

writing-mode: horizontal-tb | vertical-rl | vertical-lr;

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p { writing-mode: vertical-rl; } 
    </style> 
  </head> 
  <body> 
    <h1>डेमो हेडिंग</h1> 
    <p>यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

आउटपुट

एक और उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p.demo1 { word-spacing: 1cm; color: blue; writing-mode: vertical-rl; } 
      p.demo2 { word-spacing: 40px; writing-mode: horizontal-tb; } 
    </style> 
  </head> 
  <body> 
    <h1>डेमो हेडिंग</h1> 
    <h2>हेडिंग2</h2> 
    <p class="demo1">यह डेमो टेक्स्ट है।</p> 
    <h2>हेडिंग2</h2> 
    <p class="demo2">यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

आउटपुट

व्याख्या: horizontal-tb (डिफ़ॉल्ट): बाएं से दाएं, ऊपर से नीचे। vertical-rl: ऊपर से नीचे, दाएं से बाएं (पारंपरिक चीनी/जापानी/कोरियाई)। vertical-lr: ऊपर से नीचे, बाएं से दाएं (मंगोलियाई)। sideways-rl, sideways-lr भी उपलब्ध हैं (ग्लिफ़्स को किनारे पर घुमाता है)।