Хосияти writing-mode

Хосияти writing-mode самти амудии ё уфуқии матнро дар саҳифа муайян мекунад. Қиматҳо метавонанд horizontal-tb (аз чап ба рост ва аз боло ба поён), vertical-rl (аз боло ба поён ва аз рост ба чап), vertical-lr (аз боло ба поён ва аз чап ба рост) бошанд.

Синтаксис

cssинтихобкунанда {
  writing-mode: horizontal-tb ё vertical-rl ё vertical-lr;
}

Намуна

Биёед ба матни худ самти уфуқии аз чап ба рост ва аз боло ба поёнро таъин кунем:

html<p>
  Text
</p>

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

Результат:

Намуна

Ва акнун биёед самтро ба амудӣ аз боло ба поён ва аз рост ба чап иваз кунем:

html<p>
  Text
</p>

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

Результат:

Намуна

Биёед ба матни худ самти амудии аз боло ба поён ва аз чап ба ростро таъин кунем:

html<p>
  Text
</p>

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

Результат:

Нигаред низ