Generator Kotak Teks
Bungkus teks apa pun dalam kotak atau bingkai yang digambar dari karakter garis Unicode biasa. Ketik atau tempel teksmu, pilih gaya bingkai, perataan, dan padding, lalu salin hasilnya. Ini teks biasa, bukan gambar, jadi kotaknya bisa ditempel ke komentar, README, code block, terminal, atau obrolan — dan tidak ada yang keluar dari browser-mu.
Perataan
Padding
Cara menggunakan Kotak Teks
- 1
Ketik atau tempel teksmu
Masukkan teks yang ingin kamu bingkai. Satu baris atau banyak — kotaknya membesar mengikuti baris terlebar.
- 2
Pilih gaya kotak
Pilih bingkai seperti Tunggal, Membulat, Ganda, Tebal, ASCII, Putus-putus, Bintang, atau Blok agar sesuai dengan tempat kamu menempelkannya.
- 3
Atur perataan dan padding
Ratakan teks ke kiri, tengah, atau kanan di dalam kotak, dan tambahkan padding dalam untuk memberi sedikit ruang di sekeliling kata-kata.
- 4
Salin dan tempel
Teks berkotak muncul langsung di bawah. Salin dan taruh ke komentar, README, code block, terminal, atau obrolan.
Tentang menggambar kotak dan bingkai di sekeliling teks
Apa itu karakter box-drawing
Jauh sebelum ada grafik, terminal menggambar tabel, bingkai, dan menu memakai satu blok khusus karakter Unicode yang memang dibuat untuk tugas itu: sudut, garis horizontal dan vertikal, serta persimpangan yang menyambung mulus menjadi tepi yang menerus. Karakter yang sama itu masih berfungsi di aplikasi modern mana pun, jadi kamu bisa membingkai sebuah catatan atau judul dengan persegi panjang sungguhan, bukan sederet tanda hubung yang tidak benar-benar bertemu di sudut.
Karena setiap glif adalah teks biasa, kotak yang kamu buat di sini bukanlah gambar. Ia tersalin dan tertempel layaknya kata-kata lain, bertahan saat dikutip atau disunting, dan bisa dibaca oleh apa pun yang membaca teks — itulah sebabnya teks berkotak muncul di berkas README, alat baris perintah, dan komentar kode di mana-mana.
Mengintip ke dalam blok box-drawing Unicode
Glif garisnya berasal dari satu rentang khusus Unicode bernama blok Box Drawing, sehimpunan sekitar 128 karakter yang dirancang pada era terminal teks agar perangkat lunak bisa melukis tabel dan jendela. Blok ini memuat keempat sudut, garis horizontal dan vertikal, serta persimpangan berbentuk T dan berbentuk silang, dalam beberapa ketebalan: tipis, berat, dan berlapis. Sudut membulat yang memberi gaya Membulat tampilannya yang lembut adalah bagian dari blok yang sama, itulah sebabnya lengkungannya bertemu dengan garis lurus secara rapi.
Mengetahui keberadaan blok ini menjelaskan mengapa bingkai di sini menyambung dengan sempurna sementara tepi buatan tangan dari tanda hubung dan tanda plus tidak pernah benar-benar bisa. Glif sudut kiri-atas yang asli memang dibuat untuk bertemu dengan garis horizontal yang asli pada ketinggian yang persis tepat, sehingga persegi panjangnya tertutup tanpa celah — sesuatu yang tidak bisa dijanjikan oleh tombol garis bawah dan tombol bar di papan ketikmu.
Memilih gaya dan tata letak
Gaya bingkai menentukan suasananya. Tunggal dan Membulat terkesan tenang dan rapi untuk catatan kecil; Ganda dan Tebal lebih menarik perhatian, cocok untuk judul atau peringatan; ASCII adalah pilihan aman ketika kamu tidak yakin tujuannya mendukung karakter mewah, karena ia hanya memakai tombol yang paling dasar. Bintang dan Blok bersifat dekoratif dan menonjol di obrolan atau spanduk.
Perataan dan padding mengatur bagaimana kata-kata duduk di dalam bingkai. Perataan tengah cocok untuk judul pendek, sedangkan kiri terasa lebih alami untuk daftar atau kalimat. Padding satu atau dua menambah margin ruang agar teks tidak menyentuh garis tepi, yang biasanya lebih enak dibaca daripada bingkai yang menempel rapat pada huruf-hurufnya.
Bingkai Unicode versus cadangan ASCII
Ada dua keluarga bingkai di sini, dan memilih yang tepat sebagian besar bergantung pada di mana kotaknya akan ditempatkan. Gaya Unicode — Tunggal, Membulat, Ganda, dan Tebal — menggambar garis yang tajam dan menerus serta tampil paling bagus di aplikasi modern yang mendukung penuh blok box-drawing, yang kini hampir ada di mana-mana. Gaya ASCII sengaja dibuat lebih polos: ia menyusun bingkai hanya dari tombol plus, minus, dan pipe, karakter-karakter yang sudah didukung setiap sistem sejak awal mula.
Andalkan ASCII ketika tujuannya sudah tua, tidak dikenal, atau ketat soal karakter — terminal lawas, berkas konfigurasi, email dalam teks polos, atau kode yang harus tetap murni ASCII. Sudut-sudutnya akan tampak sedikit lebih kotak karena tanda plus mengambil alih tugas glif sudut yang sebenarnya, tetapi kotak itu dijamin tampil sama di mana pun. Untuk hal lainnya, gaya Unicode memberi hasil yang lebih bersih.
Mengapa font monospace penting, dan sebuah contoh nyata
Kotak yang digambar hanya tetap persegi ketika setiap karakter menempati lebar yang sama, dan itulah ciri khas font monospace, alias lebar tetap. Dalam pengaturan itu, garis atas, garis bawah, dan kedua batang sisinya semua terukur ke jumlah kolom yang sama, sehingga persegi panjangnya tertutup dengan rapi. Ketik Hello di alat ini dengan bingkai Tunggal dan padding satu, dan kamu mendapatkan garis atas berupa sudut dan tanda hubung, garis tengah yang berbunyi │ Hello │, serta garis bawah yang serasi — tiga baris yang tepinya sejajar sempurna di font kode mana pun.
Taruh kotak yang sama itu ke obrolan yang memakai font proporsional dan ilusinya pun runtuh, karena huruf ramping seperti i memakan ruang lebih sedikit daripada huruf lebar seperti m, sehingga garis tepi kanannya jadi bergerigi. Solusinya adalah menempatkan kotak itu di tempat font lebar tetap berkuasa — sebuah code block atau terminal — bukan mengubah kotaknya itu sendiri.
Meratakan kotak yang berisi karakter lebar
Sebagian besar huruf dan angka memakan satu kolom, tetapi beberapa karakter memakan dua. Emoji, serta teks Tionghoa, Jepang, dan Korea, berlebar-ganda di terminal, sehingga alat ini mungkin menghitungnya sebagai satu karakter sementara layar menggambarnya melintasi dua kolom. Hasilnya adalah kotak yang tepi kanannya tampak meleset satu kolom padahal teks yang mendasarinya sudah berbentuk persegi panjang — hitungannya benar, tetapi penggambarannya lebih lebar.
Ini adalah sifat dari cara font menampilkan aksara-aksara tersebut, bukan cacat pada kotaknya. Jika bingkai di sekeliling emoji atau teks CJK tampak timpang, gaya Tunggal atau ASCII yang polos paling toleran terhadap perbedaan itu, dan menambahkan sedikit padding bisa menyamarkan pergeseran satu kolom. Untuk hasil yang persegi sempurna, jagalah agar isinya tetap berupa karakter berlebar-tunggal.
Memakai teks berkotak dengan baik
Teks berkotak bersinar ketika ia menandai sesuatu — judul di bagian atas README, catatan di dalam komentar kode, spanduk ASCII di program terminal, atau pesan yang disorot di code block pada sebuah forum. Pilih kotak ketika satu blok teks layak diberi bingkai yang terlihat, dan jaga agar isinya tetap pendek supaya persegi panjangnya tetap pada lebar yang masuk akal.
Satu aturan yang benar-benar penting adalah font. Kotak hanya tetap persegi pada pengaturan monospace, jadi tempel ia di tempat yang memakai font lebar tetap, dan pilih gaya garis yang sederhana jika kamu tidak yakin. Di GitHub, Discord, Reddit, dan Slack, itu berarti membungkus kotaknya di dalam code block, yang memaksa font lebar tetap dan menjaga setiap tepinya tetap sejajar.
Pertanyaan yang sering diajukan
Apa itu generator kotak teks?
Bagaimana cara menyalin kotaknya?
Di mana teks berkotak tampak paling bagus?
Mengapa kotaknya tampak miring di sebagian aplikasi?
Apa perbedaan antar-gaya?
Apakah teksku dikirim ke suatu tempat?
Alat terkait
Lanjutkan dengan alat praktis ini