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;
}

Результат:

Ҳам қаранг