┌
Box Drawing
128 karakter
The complete Box Drawing block (U+2500–U+257F): 128 characters for constructing tables, borders, and UI frames in monospace environments. Light, heavy, double, and dashed line variants cover every combination of horizontal, vertical, and corner joins. Essential for terminal applications, ASCII art, CLI tools, and retro-styled text interfaces.
Karakter
copied = '', 1500)
"
:class="copied === 'U+2500' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
─
copied = '', 1500)
"
:class="copied === 'U+2501' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
━
copied = '', 1500)
"
:class="copied === 'U+2502' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
│
copied = '', 1500)
"
:class="copied === 'U+2503' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┃
copied = '', 1500)
"
:class="copied === 'U+2504' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┄
copied = '', 1500)
"
:class="copied === 'U+2505' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┅
copied = '', 1500)
"
:class="copied === 'U+2506' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┆
copied = '', 1500)
"
:class="copied === 'U+2507' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┇
copied = '', 1500)
"
:class="copied === 'U+2508' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┈
copied = '', 1500)
"
:class="copied === 'U+2509' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┉
copied = '', 1500)
"
:class="copied === 'U+250A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┊
copied = '', 1500)
"
:class="copied === 'U+250B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┋
copied = '', 1500)
"
:class="copied === 'U+250C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┌
copied = '', 1500)
"
:class="copied === 'U+250D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┍
copied = '', 1500)
"
:class="copied === 'U+250E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┎
copied = '', 1500)
"
:class="copied === 'U+250F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┏
copied = '', 1500)
"
:class="copied === 'U+2510' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┐
copied = '', 1500)
"
:class="copied === 'U+2511' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┑
copied = '', 1500)
"
:class="copied === 'U+2512' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┒
copied = '', 1500)
"
:class="copied === 'U+2513' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┓
copied = '', 1500)
"
:class="copied === 'U+2514' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
└
copied = '', 1500)
"
:class="copied === 'U+2515' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┕
copied = '', 1500)
"
:class="copied === 'U+2516' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┖
copied = '', 1500)
"
:class="copied === 'U+2517' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┗
copied = '', 1500)
"
:class="copied === 'U+2518' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┘
copied = '', 1500)
"
:class="copied === 'U+2519' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┙
copied = '', 1500)
"
:class="copied === 'U+251A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┚
copied = '', 1500)
"
:class="copied === 'U+251B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┛
copied = '', 1500)
"
:class="copied === 'U+251C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
├
copied = '', 1500)
"
:class="copied === 'U+251D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┝
copied = '', 1500)
"
:class="copied === 'U+251E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┞
copied = '', 1500)
"
:class="copied === 'U+251F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┟
copied = '', 1500)
"
:class="copied === 'U+2520' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┠
copied = '', 1500)
"
:class="copied === 'U+2521' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┡
copied = '', 1500)
"
:class="copied === 'U+2522' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┢
copied = '', 1500)
"
:class="copied === 'U+2523' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┣
copied = '', 1500)
"
:class="copied === 'U+2524' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┤
copied = '', 1500)
"
:class="copied === 'U+2525' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┥
copied = '', 1500)
"
:class="copied === 'U+2526' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┦
copied = '', 1500)
"
:class="copied === 'U+2527' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┧
copied = '', 1500)
"
:class="copied === 'U+2528' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┨
copied = '', 1500)
"
:class="copied === 'U+2529' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┩
copied = '', 1500)
"
:class="copied === 'U+252A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┪
copied = '', 1500)
"
:class="copied === 'U+252B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┫
copied = '', 1500)
"
:class="copied === 'U+252C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┬
copied = '', 1500)
"
:class="copied === 'U+252D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┭
copied = '', 1500)
"
:class="copied === 'U+252E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┮
copied = '', 1500)
"
:class="copied === 'U+252F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┯
copied = '', 1500)
"
:class="copied === 'U+2530' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┰
copied = '', 1500)
"
:class="copied === 'U+2531' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┱
copied = '', 1500)
"
:class="copied === 'U+2532' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┲
copied = '', 1500)
"
:class="copied === 'U+2533' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┳
copied = '', 1500)
"
:class="copied === 'U+2534' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┴
copied = '', 1500)
"
:class="copied === 'U+2535' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┵
copied = '', 1500)
"
:class="copied === 'U+2536' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┶
copied = '', 1500)
"
:class="copied === 'U+2537' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┷
copied = '', 1500)
"
:class="copied === 'U+2538' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┸
copied = '', 1500)
"
:class="copied === 'U+2539' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┹
copied = '', 1500)
"
:class="copied === 'U+253A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┺
copied = '', 1500)
"
:class="copied === 'U+253B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┻
copied = '', 1500)
"
:class="copied === 'U+253C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┼
copied = '', 1500)
"
:class="copied === 'U+253D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┽
copied = '', 1500)
"
:class="copied === 'U+253E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┾
copied = '', 1500)
"
:class="copied === 'U+253F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┿
copied = '', 1500)
"
:class="copied === 'U+2540' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╀
copied = '', 1500)
"
:class="copied === 'U+2541' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╁
copied = '', 1500)
"
:class="copied === 'U+2542' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╂
copied = '', 1500)
"
:class="copied === 'U+2543' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╃
copied = '', 1500)
"
:class="copied === 'U+2544' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╄
copied = '', 1500)
"
:class="copied === 'U+2545' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╅
copied = '', 1500)
"
:class="copied === 'U+2546' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╆
copied = '', 1500)
"
:class="copied === 'U+2547' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╇
copied = '', 1500)
"
:class="copied === 'U+2548' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╈
copied = '', 1500)
"
:class="copied === 'U+2549' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╉
copied = '', 1500)
"
:class="copied === 'U+254A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╊
copied = '', 1500)
"
:class="copied === 'U+254B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╋
copied = '', 1500)
"
:class="copied === 'U+254C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╌
copied = '', 1500)
"
:class="copied === 'U+254D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╍
copied = '', 1500)
"
:class="copied === 'U+254E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╎
copied = '', 1500)
"
:class="copied === 'U+254F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╏
copied = '', 1500)
"
:class="copied === 'U+2550' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
═
copied = '', 1500)
"
:class="copied === 'U+2551' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
║
copied = '', 1500)
"
:class="copied === 'U+2552' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╒
copied = '', 1500)
"
:class="copied === 'U+2553' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╓
copied = '', 1500)
"
:class="copied === 'U+2554' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╔
copied = '', 1500)
"
:class="copied === 'U+2555' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╕
copied = '', 1500)
"
:class="copied === 'U+2556' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╖
copied = '', 1500)
"
:class="copied === 'U+2557' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╗
copied = '', 1500)
"
:class="copied === 'U+2558' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╘
copied = '', 1500)
"
:class="copied === 'U+2559' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╙
copied = '', 1500)
"
:class="copied === 'U+255A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╚
copied = '', 1500)
"
:class="copied === 'U+255B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╛
copied = '', 1500)
"
:class="copied === 'U+255C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╜
copied = '', 1500)
"
:class="copied === 'U+255D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╝
copied = '', 1500)
"
:class="copied === 'U+255E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╞
copied = '', 1500)
"
:class="copied === 'U+255F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╟
copied = '', 1500)
"
:class="copied === 'U+2560' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╠
copied = '', 1500)
"
:class="copied === 'U+2561' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╡
copied = '', 1500)
"
:class="copied === 'U+2562' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╢
copied = '', 1500)
"
:class="copied === 'U+2563' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╣
copied = '', 1500)
"
:class="copied === 'U+2564' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╤
copied = '', 1500)
"
:class="copied === 'U+2565' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╥
copied = '', 1500)
"
:class="copied === 'U+2566' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╦
copied = '', 1500)
"
:class="copied === 'U+2567' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╧
copied = '', 1500)
"
:class="copied === 'U+2568' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╨
copied = '', 1500)
"
:class="copied === 'U+2569' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╩
copied = '', 1500)
"
:class="copied === 'U+256A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╪
copied = '', 1500)
"
:class="copied === 'U+256B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╫
copied = '', 1500)
"
:class="copied === 'U+256C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╬
copied = '', 1500)
"
:class="copied === 'U+256D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╭
copied = '', 1500)
"
:class="copied === 'U+256E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╮
copied = '', 1500)
"
:class="copied === 'U+256F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╯
copied = '', 1500)
"
:class="copied === 'U+2570' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╰
copied = '', 1500)
"
:class="copied === 'U+2571' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╱
copied = '', 1500)
"
:class="copied === 'U+2572' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╲
copied = '', 1500)
"
:class="copied === 'U+2573' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╳
copied = '', 1500)
"
:class="copied === 'U+2574' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╴
copied = '', 1500)
"
:class="copied === 'U+2575' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╵
copied = '', 1500)
"
:class="copied === 'U+2576' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╶
copied = '', 1500)
"
:class="copied === 'U+2577' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╷
copied = '', 1500)
"
:class="copied === 'U+2578' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╸
copied = '', 1500)
"
:class="copied === 'U+2579' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╹
copied = '', 1500)
"
:class="copied === 'U+257A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╺
copied = '', 1500)
"
:class="copied === 'U+257B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╻
copied = '', 1500)
"
:class="copied === 'U+257C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╼
copied = '', 1500)
"
:class="copied === 'U+257D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╽
copied = '', 1500)
"
:class="copied === 'U+257E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╾
copied = '', 1500)
"
:class="copied === 'U+257F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╿
Disalin! Klik nama karakter untuk melihat detail lengkap.