CSS writing-mode özelliği

Seçmeli ders

Kurs tavsiyesi: Tanım ve kullanım

writing-mode

Özellik, metin satırlarının yatay veya dikey olarak yerleştirilmesini belirler.CSS metin etkileri

Ayrıca bkz.:

CSS Dersleri:

p.test1 {
  Metin satırlarının yatay veya dikey olarak yerleştirilmesini belirler: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Kendi kendinize deneyin

CSS dilbilgisi

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Özellik değeri

Değer Açıklama
horizontal-tb İçeriği soldan sağa yatay, yukarıdan aşağıya dikey olarak akışkan hale getirir.
vertical-rl İçeriği yukarıdan aşağıya dikey, sağdan sola yatay olarak akışkan hale getirir.
vertical-lr İçeriği yukarıdan aşağıya dikey, soldan sağa yatay olarak akışkan hale getirir.

Teknik ayrıntılar

Öntanımlı değer: horizontal-tb
Miras: Evet
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.writingMode="vertical-rl"

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0