87 karakter · bebas disalin
Karakter box drawing
Blok Unicode U+2500 sampai U+257F menyimpan 128 karakter yang dirancang untuk saling menyambung menjadi bingkai, tabel, pohon, dan grid — ringan, tebal, ganda, putus-putus, dan melengkung, plus setiap sambungan di mana ketebalan-ketebalan itu bertemu. Inilah bahan sesungguhnya dari UI terminal, pohon direktori, dan tabel ASCII. Salin karakter mana pun di bawah; masing-masing terdaftar dengan nama Unicode dan titik kodenya, dikelompokkan agar potongan yang Anda butuhkan bersama-sama berada berdekatan.
Garis ringan
Set default. Sebelas karakter yang bisa menggambar grid persegi apa pun, dan masing-masing tersambung rapi satu sama lain.
Garis tebal
Sebelas bentuk yang sama dengan ketebalan lebih besar. Campur dengan garis ringan untuk menegaskan bingkai luar atau baris terpilih.
Garis ganda
Dua goresan sejajar. Bingkai klasik era DOS, masih menjadi pilihan paling dekoratif dalam blok ini.
Sudut melengkung
Sudut lengkung yang melunakkan kotak bergaris ringan. Tukar posisi ┌ ┐ └ ┘ dengan ini dan tidak ada yang lain berubah.
Garis putus-putus
Rangkaian tiga dan empat putus-putus, ringan dan tebal. Berguna untuk pembatas yang seharusnya terbaca sebagai elemen sekunder.
Diagonal dan setengah
Garis miring untuk mencoret sebuah sel, dan potongan setengah panjang untuk ujung garis yang berhenti di tengah sel.
Transisi ringan-tebal
Sambungan di mana garis ringan bertemu garis tebal. Inilah yang memungkinkan Anda menebalkan satu baris tabel tanpa merusak sambungannya.
Transisi ganda-tunggal
Sambungan antara garis ganda dan garis tunggal — potongan yang Anda butuhkan ketika bingkai luar ganda bertemu pembatas dalam tunggal.
Klik karakter mana pun untuk menyalinnya. Tidak ada yang diunduh — ini karakter teks, bukan gambar.
Blok Unicode
- U+2500–U+257F Penggambar Kotak
Cara menggunakan Karakter Garis Kotak
Selalu gunakan font monospace
Ini aturan yang menjadi dasar semua hal lainnya. Karakter penggambar kotak dirancang pada sel tetap, sehingga dalam font proporsional garis vertikalnya bergeser keluar kolom. JetBrains Mono, Menlo, Consolas, Cascadia Code, dan DejaVu Sans Mono semuanya merender blok ini dengan baik.
Pilih satu ketebalan dan konsisten
Ringan tersambung dengan ringan, tebal tersambung dengan tebal. Mencampurnya tanpa potongan transisi meninggalkan celah terlihat di mana goresannya gagal bertemu. Jika Anda memang ingin bingkai luar tebal dengan pembatas dalam ringan, ambil sambungannya dari kelompok transisi ringan-tebal.
Bangun sudut, lalu tepi, lalu sambungan
Sebuah tabel adalah empat sudut, dua rangkaian tepi, dan perpotongan di antaranya. Susun sudutnya dulu dan sisanya mengikuti secara mekanis — inilah pula sebabnya mudah dibuat lewat kode.
Atur line-height ke 1 untuk bingkai yang solid
Goresan vertikal digambar setinggi penuh sel karakternya. Spasi tambahan apa pun akan tampak sebagai celah antar-baris, jadi kotak yang terlihat rusak biasanya cuma butuh line-height: 1.
Tentang Karakter Garis Kotak
Blok Box Drawing adalah keturunan langsung dari set karakter code page 437 IBM PC, yang memberi aplikasi DOS bingkai dan menunya puluhan tahun sebelum siapa pun bisa mengandalkan grafis. Unicode melestarikan seluruh repertoarnya di U+2500, dan tetap dipakai terus-menerus: bingkai dalam pengelola file terminal, cabang pohon direktori, bingkai di sekitar tabel command-line, dan grid dalam game-game situs ini semuanya digambar dari 128 karakter ini.
Yang membuat blok ini dirancang dengan luar biasa baik adalah cakupan sambungannya yang sistematis. Tidak cukup hanya punya satu garis horizontal dan satu garis vertikal; Anda butuh setiap kombinasi dari apa yang tiba di sebuah sel dari keempat arah, pada setiap ketebalan. Itulah sebabnya blok ini punya karakter sespesifik "down light and horizontal heavy" — karakter itu ada agar sebuah tabel bisa mengubah ketebalan goresannya di tengah jalan tanpa satu pun celah muncul di sambungannya.
Batasan praktisnya ada pada font. Glyph-glyph ini digambar untuk menyentuh tepi sel karakternya secara persis sehingga sel-sel yang bersebelahan tersambung menjadi satu goresan yang menerus. Itu hanya berlaku dalam font monospace dengan line-height 1. Beri teks spasi tambahan dan garis rambut horizontal akan muncul di antara baris; pakai font proporsional dan garis vertikalnya melenceng dari kesejajaran. Hampir setiap masalah "box drawing terlihat rusak" adalah salah satu dari dua hal itu.
Ada satu celah yang disengaja dalam blok ini. Unicode mengkodekan diagonal ringan dan tebal serta satu silang diagonal ringan, tapi tidak ada diagonal garis ganda dan tidak ada lengkungan pada ketebalan tebal, karena code page aslinya tidak memilikinya dan blok ini dirancang untuk kompatibilitas, bukan kelengkapan. Jika Anda butuh sudut lengkung tebal, itu tidak ada — keempat lengkungan di U+256D sampai U+2570 hanya tersedia dalam ketebalan ringan.
Game yang dibuat dari karakter ini
Setiap papan di situs ini dibuat dari Unicode, bukan sprite. Game-game berikut memakai karakter di atas.
Pertanyaan yang sering diajukan
Mengapa karakter box drawing saya tidak sejajar?
Hampir selalu karena font. Glyph-glyph ini mengasumsikan sel berlebar tetap, jadi font proporsional mendorong goresan vertikal keluar kolom. Beralihlah ke font monospace seperti JetBrains Mono, Consolas, atau Menlo. Jika bingkainya sejajar secara horizontal tapi menunjukkan celah antar-baris, atur line-height ke 1 — spasi tambahan memisahkan goresan vertikalnya.
Apa bedanya karakter box drawing dengan ASCII art?
ASCII art memalsukan garis dengan 128 karakter ASCII — tanda hubung, pipa, dan tanda plus — sehingga sudutnya perkiraan saja dan sambungannya terlihat kasar. Karakter box-drawing adalah glyph yang dirancang khusus dan bertemu tepat di tepi sel, menghasilkan goresan menerus tanpa putus. Keduanya adalah Unicode, bukan ASCII, meski keduanya sering tertukar.
Karakter box drawing apa saja yang saya butuhkan untuk tabel sederhana?
Sebelas: keempat sudut ┌ ┐ └ ┘, kedua tepi ─ │, keempat sambungan-T ├ ┤ ┬ ┴, dan silang ┼. Grid persegi apa pun, seberapa besar pun, dibangun hanya dari karakter-karakter itu.
Bisakah saya mencampur garis ringan dan tebal?
Bisa, tapi hanya lewat karakter transisi. Garis vertikal tebal yang bertemu garis horizontal ringan butuh glyph yang dirancang persis untuk kasus itu, seperti U+2542. Sambungkan garis tebal langsung ke garis ringan tanpa potongan yang tepat dan Anda akan mendapat celah yang terlihat. Kelompok transisi ringan-tebal di atas punya set lengkapnya.
Apakah karakter box drawing berfungsi di ponsel?
Karakter ini tampil di setiap ponsel modern — bloknya sudah lama dan didukung secara universal. Masalahnya, browser ponsel sering memakai font default proporsional, jadi bungkus dengan aturan CSS monospace daripada mengandalkan default, atau kesejajarannya akan rusak.
Apakah ada sudut melengkung dalam blok box drawing?
Ada empat, di U+256D sampai U+2570, dan hanya tersedia dalam ketebalan ringan. Ganti ┌ ┐ └ ┘ dengan ini untuk melunakkan kotak bergaris ringan. Tidak ada padanan tebal atau garis ganda — blok ini mewarisi repertoarnya dari code page 437, yang tidak memilikinya.
Support the arcade
Menikmati game-nya?
UnicodeGames gratis, tanpa iklan, dan akan selalu begitu. Jika ini membuat waktu istirahat kopi Anda lebih menyenangkan, Anda bisa membalas budi.
Traktir saya kopiOne-off · No account needed · Handled by Buy Me a Coffee