Properti text-orientation

Properti text-orientation mengatur orientasi karakter dalam teks vertikal, yaitu teks yang telah diberikan properti writing-mode dengan nilai vertical-lr atau vertical-rl. Properti ini menerima dua nilai: mixed (karakter diputar 90° searah jarum jam) atau upright (karakter ditempatkan saling bertumpuk ke bawah).

Sintaks

cssselector {
  text-orientation: mixed atau upright;
}

Contoh

Mari kita berikan putaran 90° untuk semua karakter dalam teks vertikal:

html<p>
  Text
</p>

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

Результат:

Contoh

Mari tempatkan semua karakter teks vertikal saling bertumpuk ke bawah:

html<p>
  Text
</p>

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

Результат:

Lihat juga