CSS "text-orientation" özelliği, metnin yatay veya dikey olarak nasıl görüntüleneceğini belirlemek için kullanılır. Bu özellik, genellikle Çin, Japon ve Kore gibi yazı sistemlerinde kullanılır, ancak diğer alfabeler için de kullanılabilir.

"text-orientation" özelliğinin en çok kullanılan iki değeri "mixed" ve "upright" dır. "mixed" değeri, metnin bazı kısımlarının dikey olarak ve diğer kısımlarının yatay olarak görüntülenmesini sağlar. Bu, genellikle Çin ve Japon gibi yazı sistemlerinde kullanılır. Örnek olarak;

p {
  text-orientation: mixed;
}

"upright" değeri, metnin tümünün yatay olarak görüntülenmesini sağlar. Bu, genellikle ingilizce veya diğer alfabeler için kullanılır. Örnek olarak;

p {
  text-orientation: upright;
}

"text-orientation" özelliği, genellikle kullanıcı arayüzünde etkileyici bir görünüm oluşturmak için kullanılır. Örneğin, bir web sitesinde Çin yazı sistemi kullanıldığında, "mixed" değerini kullanarak dikey yazıyı dikey bir alanda görüntülemek daha doğal ve okunaklı olabilir.

Bu özellik, çoğu modern tarayıcıda desteklenir ancak bazı eski tarayıcılarda desteklenmeyebilir. Bu nedenle, desteklenmeyen tarayıcılar için alternatif bir çözüm bulmak önemlidir.