The writing-modeharta perubahan penjajaran teks supaya ia boleh dibaca dari atas ke bawah atau dari kiri ke kanan, bergantung kepada bahasa. Sebagai contoh, katakan kita mahu menambahkan beberapa teks yang dibaca dari atas ke bawah dan dari kanan ke kiri, seperti ini:
.vertical-rl ( writing-mode: vertical-rl; )Lihat mod penulisan Pen: vertical-rl oleh CSS-Tricks (@ css-tricks) di CodePen.
Ini paling berguna dalam bahasa seperti Cina, Jepun atau Korea di mana teksnya sering disusun secara menegak. Dalam bahasa Inggeris, kemungkinan besar anda ingin menggunakan harta tanah ini untuk alasan estetika, seperti menjajarkan tajuk dalam blok teks seperti ini:
Lihat Pen YWBWGA oleh CSS-Tricks (@ css-tricks) di CodePen.
Nilai
Dalam contoh di bawah ini saya telah membuat huruf pertama teks berwarna merah, supaya lebih mudah untuk melihat arah mana yang anda perlukan untuk mula membaca.
melintang-tb
Ini adalah nilai lalai harta tanah: teks dibaca dari kiri ke kanan dan atas ke bawah.
Lihat mod penulisan Pen: horizontal-tb oleh CSS-Tricks (@ css-tricks) di CodePen.
menegak-rl
Teks dibaca dari kanan ke kiri dan atas ke bawah:
Lihat mod penulisan Pen: vertical-rl oleh CSS-Tricks (@ css-tricks) di CodePen.
menegak-lr
Teks dibaca dari kiri ke kanan dan atas ke bawah:
Lihat mod penulisan Pen: vertical-rl oleh CSS-Tricks (@ css-tricks) di CodePen.
Pautan yang berkaitan
- Teks menegak dengan Mod Penulisan CSS3
- Ahmad Shadeed pada mod penulisan
Sokongan penyemak imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| 8 * | 41 | 11 | 12 | 5.1 * |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 3 * | 5.0-5.1 * |