Properti writing-mode CSS

Definisi dan penggunaan

writing-mode Properti menentukan baris teks diatur secara horizontal atau vertikal.

Lihat pula:

Pelajaran CSS:Efek teks CSS

Contoh

Atur baris teks berada secara horizontal atau vertikal:

p.test1 {
  menentukan apakah baris teks diatur secara horizontal atau vertikal: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Coba sendiri

Sintaksis CSS

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

Nilai properti

Nilai Deskripsi
horizontal-tb Membuat konten mengalir dari kiri ke kanan secara horizontal, dan dari atas ke bawah secara vertikal.
vertical-rl Membuat konten mengalir dari atas ke bawah secara vertikal, dan dari kanan ke kiri secara horizontal.
vertical-lr Membuat konten mengalir dari atas ke bawah secara vertikal, dan dari kiri ke kanan secara horizontal.

Detil teknis

Nilai standar: horizontal-tb
Turunan: Ya
Pembuatan animasi: Tidak didukung. Silakan lihat:Properti yang berhubungan dengan animasi.
Versi: CSS3
Sintaksis JavaScript: object.style.writingMode="vertical-rl"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini sepenuhnya.

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