text-orientation Özelliği

text-orientation özelliği, dikey metindeki (yani writing-mode özelliği vertical-lr veya vertical-rl değerleriyle ayarlanmış metin) karakterlerin yönlendirmesini belirler. Özellik iki değer alır: mixed (karakterler saat yönünde 90° döndürülür) veya upright (karakterler alt alta yerleştirilir).

Sözdizimi

cssseçici {
  text-orientation: mixed veya upright;
}

Örnek

Dikey metindeki tüm karakterleri 90° döndürelim:

html<p>
  Metin
</p>

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

Результат:

Örnek

Dikey metindeki tüm karakterleri alt alta yerleştirelim:

html<p>
  Metin
</p>

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

Результат:

Ayrıca Bakınız