writing-mode गुण

writing-mode गुण पेज पर टेक्स्ट की ऊर्ध्वाधर या क्षैतिज दिशा निर्धारित करता है। मान हो सकते हैं horizontal-tb (क्षैतिज रूप से बाएं से दाएं और ऊपर से नीचे), vertical-rl (ऊर्ध्वाधर रूप से ऊपर से नीचे और दाएं से बाएं), vertical-lr (ऊर्ध्वाधर रूप से ऊपर से नीचे और बाएं से दाएं)।

सिंटैक्स

cssसेलेक्टर {
  writing-mode: horizontal-tb या vertical-rl या vertical-lr;
}

उदाहरण

आइए हम अपने टेक्स्ट की दिशा बाएं से दाएं और ऊपर से नीचे क्षैतिज रूप में निर्धारित करें:

html<p>
  टेक्स्ट
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: horizontal-tb;
  font-size: 2em;
  margin-top: 0;
}

Результат:

उदाहरण

और अब आइए दिशा बदलकर ऊपर से नीचे और दाएं से बाएं ऊर्ध्वाधर रूप में करें:

html<p>
  टेक्स्ट
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-rl;
  font-size: 2em;
  margin-top: 0;
}

Результат:

उदाहरण

आइए हम अपने टेक्स्ट की दिशा ऊपर से नीचे और बाएं से दाएं ऊर्ध्वाधर रूप में निर्धारित करें:

html<p>
  टेक्स्ट
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-lr;
  font-size: 2em;
  margin-top: 0;
}

Результат:

यह भी देखें