CSS text-orientation özelliği

Tanım ve Kullanım

text-orientation Bu özellik karakter yönünü belirtir.

Dikkat:Sadece writing-mode Yatay olarak ayarlandığında geçerlidir.

Farklı <div> elementlerine metin yönü ayarlayın:

div.a {
  text-orientation: karışık;
}
div.b {
  text-orientation: upright;
}

text-orientation Bu özellik, tablo başlıklarının yönünü değiştirmek için kullanılabilir:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

text-orientation: karışık|upright|sideways|sideways-right|use-glyph-orientation|ilkel|geçiş;

Değer	Açıklama
karışık	Varsayılan Değer. Karakter saat yönünde 90 derece döndürülür.
upright	Karakter döndürülmez, yatık kalır.
sideways	Karakterin yönü, writing-mode dikey olduğunda metin satırının yönüyle aynıdır, yani saat yönünde 90 derece döndürülür.
sideways-right	sideways özelliği değerine eşittir. Uyumluluk amaçlı saklanır.
use-glyph-orientation	SVG elemanları için kullanılır, böylece metin, terkedilen SVG özellikleri glyph-orientation-vertical ve glyph-orientation-horizontal'ı miras alır.
ilkel	Bu özelliği varsayılan değerine ayarlayın. Bakınız ilkel.
geçiş	Bu özelliği ebeveyn elementinden miras alır. Bakınız geçiş.

Varsayılan Değer:	karışık
Geçişlik:	evet
Animasyon Yapımı:	Desteklenmiyor. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.textOrientation="upright"

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome	Edge	Firefox	Safari	Opera
48.0	79.0	41.0	14.0	35.0