Writing-mode

writing-mode ile metin yönünü öğrenirsin.

writing-mode nedir?

CSS'te writing-mode özelliği, metnin hangi yönde akacağını belirler. Varsayılan değer horizontal-tb'dir: satırlar yatay akar, her satır bir öncekinin altına yerleşir.

Bu değeri değiştirerek metni dikey akıtabilirsin. vertical-rl satırları sağdan sola dizer; her satır yukarıdan aşağı okunur, satırlar sağdan sola ilerler. Geleneksel Japon ve Çince dizilim böyledir.

Dikey yazım yönleri

writing-mode iki temel dikey değer alır. vertical-rl satırları sağdan sola dizer; vertical-lr soldan sağa dizer. Her ikisinde de harfler dikey okunur; bir sütun boyunca yukarıdan aşağı iner.

Başlıklarda dekoratif amaçla da işe yarar: yan menü başlığı, kitap sırtı etiketi gibi. Yönü yanlış seçersen okuma sırası bozulur; tasarımın okur kültürüne uygun olmasına dikkat et.

horizontal-tb varsayılan değer

horizontal-tb, writing-mode'un varsayılan değeridir. Burada tb 'top to bottom' demektir: satırlar yatay akar, satır sırası yukarıdan aşağı gider. Latin alfabesi kullanan diller için bu doğal dizilimdir.

Bunu açıkça yazmak çoğu zaman gereksizdir. Ancak bir bölümü geçici olarak dikey yaptıktan sonra yatay düzene döndürmek istersen, değeri yazarak sıfırlayabilirsin.

Uygulama Yan başlığı dikey yap

.side-title seçicisi için writing-mode özelliğini tanımla; değer vertical-rl olsun. Aynı blokta text-orientation: mixed bildirimini de ekle.

Örnek çözümü göster

/* yan başlık dikey olsun */
.side-title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

Kendini test et

writing-mode özelliğinin varsayılan değeri nedir?
- vertical-rl
- horizontal-tb
- vertical-lr
- sideways-rl
Cevabı göster

horizontal-tb — Doğru. horizontal-tb varsayılandır; satırlar yatay, yukarıdan aşağı dizilir.

Dikey, sağdan sola dizilen değer

.title { writing-mode: ____; }

Cevabı göster

.title { writing-mode: vertical-rl; }

Sıradaki ders: Logical properties

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler