text-orientation गुण

text-orientation गुण लंबवत पाठ में वर्णों का अभिविन्यास निर्धारित करता है, अर्थात जिस पर writing-mode गुण निर्धारित किया गया है vertical-lr या vertical-rl मानों के साथ। गुण दो मान स्वीकार करता है: mixed (वर्ण 90° दक्षिणावर्त घूमते हैं) या upright (वर्ण एक दूसरे के नीचे रखे जाते हैं)।

सिंटैक्स

cssचयनकर्ता {
  text-orientation: mixed या upright;
}

उदाहरण

आइए लंबवत पाठ के सभी वर्णों को 90° पर घुमाएं:

html<p>
  पाठ
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  text-orientation: mixed;
  background: #467CBC;
  color: white;
  padding: 10px;
  font-size: 2rem;
  writing-mode: vertical-lr;
}

Результат:

उदाहरण

आइए लंबवत पाठ के सभी वर्णों को एक दूसरे के नीचे रखें:

html<p>
  पाठ
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  text-orientation: upright;
  background: #467CBC;
  color: white;
  padding: 10px;
  font-size: 2rem;
  writing-mode: vertical-lr;
}

Результат:

यह भी देखें