writing-modeO alt yukarıdan okumak veya gelen dile bağlı soldan sağa böylece mülkiyet metnin hizalamasını değiştirir. Örneğin, aşağıdaki gibi yukarıdan aşağıya ve sağdan sola okunan bir metin eklemek istediğimizi varsayalım:
.vertical-rl ( writing-mode: vertical-rl; )CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem yazma modu: vertical-rl'ye bakın.
Bu, en çok metnin genellikle dikey olarak ayarlandığı Çince, Japonca veya Korece gibi dillerde kullanışlıdır. İngilizcede, bu özelliği bir metin bloğunda bir başlığı hizalamak gibi estetik nedenlerle kullanmak isteyebilirsiniz:
CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem YWBWGA'ya bakın.
Değerler
Aşağıdaki örneklerde metnin ilk harfini kırmızı yaptım, böylece hangi yönü okumaya başlamanız gerektiğini görmek daha kolay.
yatay tb
Bu, özelliğin varsayılan değeridir: metin soldan sağa ve yukarıdan aşağıya okunur.
CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem yazma modu: horizontal-tb bakın.
dikey rl
Metin sağdan sola ve yukarıdan aşağıya okunur:
CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem yazma modu: vertical-rl'ye bakın.
dikey-lr
Metin soldan sağa ve yukarıdan aşağıya okunur:
CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem yazma modu: vertical-rl'ye bakın.
İlgili Bağlantılar
- CSS3 Yazma Modlu dikey metin
- Ahmad yazma modunda gölgelendi
Tarayıcı desteği
Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.
Masaüstü Bilgisayar
| Krom | Firefox | IE | Kenar | Safari |
|---|---|---|---|---|
| 8 * | 41 | 11 | 12 | 5.1 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 3 * | 5.0-5.1 * |