Penguji Mode Penulisan
Uji bagaimana teks dirender dalam berbagai mode penulisan, arah, dan orientasi teks CSS. Pilih dari horizontal-tb, vertical-rl, dan vertical-lr, alihkan antara arah LTR dan RTL, serta atur orientasi teks untuk tata letak vertikal. Masukkan teks Anda sendiri atau gunakan contoh, sesuaikan ukuran font, dan lihat pratinjau langsung dengan keluaran CSS yang dapat disalin. Sepenuhnya privat, 100% gratis, dan tanpa pendaftaran.
Test how text renders in different CSS writing modes, directions, and text orientations. Preview horizontal, vertical-RTL, and vertical-LTR layouts with custom text and font sizes.
Preview
.writing-mode-demo {
writing-mode: horizontal-tb;
direction: ltr;
font-size: 18px;
}Mengapa menggunakan penguji mode penulisan kami?
- Uji semua mode penulisan berdampingan: bandingkan mode penulisan CSS horizontal-tb, vertical-rl, dan vertical-lr secara instan. Tampilan perbandingan menampilkan ketiga mode secara bersamaan sehingga Anda bisa melihat persis bagaimana teks Anda dirender di setiap tata letak tanpa harus bolak-balik.
- Dukungan arah LTR dan RTL: uji teks dalam arah kiri-ke-kanan (LTR) dan kanan-ke-kiri (RTL). Alihkan antar arah dengan satu klik untuk melihat bagaimana konten Anda mengalir bagi audiens bahasa yang berbeda, termasuk aksara Arab, Ibrani, dan Persia.
- Pemrosesan 100% privat di browser: semua pratinjau mode penulisan dirender sepenuhnya di browser Anda menggunakan CSS native. Teks Anda tidak pernah dikirim ke server mana pun, tidak pernah disimpan, dan tidak pernah dikirim ke mana pun. Konten Anda tetap sepenuhnya privat.
- Gratis selamanya, tanpa pendaftaran: uji kombinasi mode penulisan tanpa batas tanpa biaya. Tanpa tingkatan premium, tanpa batas penggunaan, tanpa biaya tersembunyi. Gunakan penguji mode penulisan untuk proyek pribadi atau komersial tanpa membuat akun.
Kasus penggunaan umum penguji mode penulisan
- Desain situs web multibahasa: rancang tata letak yang mendukung sistem penulisan horizontal dan vertikal. Uji bagaimana konten Jepang, Tionghoa, atau Korea Anda mengalir dalam mode vertical-rl bersama konten Inggris Anda dalam mode horizontal-tb untuk desain web yang benar-benar internasional.
- Pengembangan tata letak RTL: kembangkan dan uji antarmuka kanan-ke-kiri (RTL) untuk situs web Arab dan Ibrani. Alihkan dengan cepat antara arah LTR dan RTL untuk memastikan tata letak Anda mencerminkan navigasi, perataan teks, dan urutan baca dengan benar.
- Pengujian komponen UI untuk teks vertikal: uji bagaimana komponen UI seperti tombol, label, menu navigasi, dan judul bilah samping terlihat saat dirender dengan mode penulisan vertikal. Pastikan jarak, perataan, dan keterbacaan yang tepat sebelum dirilis ke produksi.
- Penerbitan digital & e-book: pratinjau bagaimana publikasi digital dan e-book dirender dalam mode penulisan vertikal. Uji konten dengan aksara campuran termasuk teks Jepang, Tionghoa, dan Inggris untuk memastikan orientasi teks dan alur baca yang tepat di berbagai tata letak.
- Riset & edukasi tipografi: pelajari dan ajarkan perbedaan antara mode penulisan CSS, orientasi teks, dan nilai arah. Lihat contoh visual waktu nyata tentang bagaimana setiap properti mengubah tata letak teks, menjadikannya ideal untuk pendidikan CSS dan lokakarya tipografi.
- Pembuatan kode CSS untuk produksi: hasilkan cuplikan CSS bersih yang siap produksi untuk implementasi mode penulisan Anda. Setelah menemukan kombinasi yang tepat, salin properti CSS langsung ke stylesheet Anda dengan satu klik.
Apa itu mode penulisan CSS?
Mode penulisan CSS menentukan arah aliran teks di halaman web. Properti CSS writing-mode mengontrol apakah teks berjalan horizontal (kiri ke kanan) atau vertikal (atas ke bawah). Dikombinasikan dengan properti direction dan text-orientation, mode penulisan memungkinkan dukungan penuh untuk beragam sistem penulisan dunia - dari Inggris dan Arab hingga Jepang dan Mongolia - semuanya dalam satu tata letak halaman web.
Cara kerja penguji mode penulisan kami
- Pilih mode penulisan: pilih dari tiga nilai CSS writing-mode - horizontal-tb (tata letak horizontal bawaan), vertical-rl (vertikal kanan-ke-kiri, tradisional Asia Timur), atau vertical-lr (vertikal kiri-ke-kanan, aksara modern atau Mongolia).
- Konfigurasi arah dan orientasi: atur arah teks ke LTR atau RTL, dan untuk mode vertikal, pilih orientasi teks - mixed (bawaan), upright (semua karakter tetap vertikal), atau sideways (semua karakter diputar).
- Pratinjau dan salin: masukkan teks Anda sendiri atau gunakan contoh, sesuaikan ukuran font, dan lihat pratinjau langsung. Blok keluaran CSS menampilkan set properti lengkap yang siap disalin ke stylesheet Anda.
Properti CSS utama dijelaskan
- writing-mode: properti utama yang menetapkan arah aliran blok. horizontal-tb adalah bawaan untuk sebagian besar bahasa. vertical-rl mengalirkan teks dari atas ke bawah dengan baris dari kanan ke kiri. vertical-lr mengalirkannya dari atas ke bawah dengan baris dari kiri ke kanan.
- direction: mengontrol arah dasar inline (ltr atau rtl). Dalam mode vertikal, direction memengaruhi urutan baris, bukan karakter. Penting untuk dukungan bahasa Arab dan Ibrani.
- text-orientation: hanya berlaku dalam mode penulisan vertikal. mixed (bawaan) memutar karakter Latin/Sirilik 90° sambil menjaga karakter CJK tetap tegak. upright menjaga semua karakter dalam orientasi normalnya. sideways memutar semua karakter 90°.
Privasi, keamanan & ketersediaan
Semua pratinjau mode penulisan dirender sepenuhnya di browser Anda menggunakan CSS native. Teks Anda tidak pernah meninggalkan perangkat Anda - tidak dikirim ke server mana pun, tidak disimpan, dan tidak dikirim. Penguji mode penulisan sepenuhnya gratis, tanpa pendaftaran, tanpa batas penggunaan, dan tanpa fitur premium. Uji kombinasi mode penulisan tanpa batas untuk proyek pribadi atau komersial.
Pertanyaan yang Sering Diajukan
Penguji mode penulisan CSS adalah alat berbasis browser yang memungkinkan Anda melihat pratinjau bagaimana teks dirender dalam berbagai mode penulisan, arah, dan orientasi teks CSS. Penguji mode penulisan kami mendukung ketiga nilai writing-mode (horizontal-tb, vertical-rl, vertical-lr), arah LTR dan RTL, serta nilai text-orientation (mixed, upright, sideways) dengan pratinjau langsung dan keluaran CSS yang dapat disalin.
Pilih mode penulisan dari tiga opsi (horizontal-tb, vertical-rl, vertical-lr), pilih arah (LTR atau RTL), dan untuk mode vertikal, pilih orientasi teks (mixed, upright, sideways). Masukkan teks Anda sendiri atau klik tombol contoh teks, sesuaikan ukuran font, dan pratinjau langsung akan diperbarui seketika. Aktifkan Tampilan Perbandingan untuk melihat ketiga mode berdampingan.
Bahasa Jepang tradisional, Tionghoa (Tradisional), dan Korea adalah bahasa utama yang menggunakan mode penulisan vertikal (vertical-rl). Dalam tata letak vertikal, teks mengalir dari atas ke bawah dan baris bergerak dari kanan ke kiri. Tipografi Asia Timur modern sering menggabungkan penulisan horizontal dan vertikal, dan mode penulisan CSS menangani keduanya dengan mulus hanya dengan satu perubahan properti.
Ya. Semua pratinjau mode penulisan dirender sepenuhnya di browser Anda menggunakan CSS native. Teks Anda tidak pernah diunggah ke server mana pun, tidak pernah disimpan, dan tidak pernah dikirim. Penguji mode penulisan memproses semuanya secara lokal di perangkat Anda untuk privasi dan keamanan data yang lengkap.
text-orientation: mixed (bawaan) memutar karakter Latin/Sirilik 90° searah jarum jam sambil menjaga karakter CJK tetap tegak dalam orientasi baca normalnya. text-orientation: upright memaksa semua karakter tampil dalam orientasi tegak normal tanpa rotasi, yang bisa membuat teks Latin lebih sulit dibaca tetapi mempertahankan tampilan alami karakter CJK.
Bisa. Keluaran CSS menggunakan properti standar yang didukung dengan baik: writing-mode, direction, dan text-orientation. Semua browser modern mendukung properti ini. Cukup salin cuplikan CSS atau gaya inline dan tempelkan langsung ke stylesheet Anda untuk digunakan segera dalam proyek web produksi.
Ya. Penguji Mode Penulisan 100% gratis, tanpa pendaftaran, tanpa fitur premium, dan tanpa batas penggunaan. Uji kombinasi mode penulisan tanpa batas tanpa batasan atau biaya tersembunyi. Tidak ada iklan yang menghalangi antarmuka.
Tampilan Perbandingan menampilkan ketiga mode penulisan - horizontal-tb, vertical-rl, dan vertical-lr - dalam tata letak tiga kolom. Setiap kolom menampilkan label properti CSS dan deskripsi modenya. Ini memudahkan membandingkan bagaimana teks yang sama dirender berbeda di setiap tata letak, membantu Anda memilih mode penulisan terbaik untuk konten Anda.