87 caratteri · da copiare gratis
Caratteri box drawing
Il blocco Unicode da U+2500 a U+257F contiene 128 caratteri progettati per incastrarsi tra loro e formare cornici, tabelle, alberi e griglie — sottili, spessi, doppi, tratteggiati e arrotondati, più ogni giunzione dove questi spessori si incontrano. Sono ciò di cui sono realmente fatti un'interfaccia da terminale, un albero di directory e una tabella ASCII. Copia un carattere qualsiasi qui sotto; ognuno è elencato con il proprio nome Unicode e code point, raggruppati così i pezzi che ti servono insieme stanno vicini.
Linee sottili
Il set predefinito. Undici caratteri disegnano qualsiasi griglia rettangolare, e ognuno di essi si unisce agli altri in modo pulito.
Linee spesse
Le stesse undici forme con uno spessore maggiore. Mescolale con le linee sottili per enfatizzare un bordo esterno o una riga selezionata.
Linee doppie
Due tratti paralleli. La classica cornice dell'era DOS, ancora l'opzione più decorativa del blocco.
Angoli arrotondati
Angoli ad arco che ammorbidiscono un riquadro a linee sottili. Sostituiscili a ┌ ┐ └ ┘ e nient'altro cambia.
Linee tratteggiate
Sequenze a tripla e quadrupla trattina, sottili e spesse. Utili per un separatore che deve apparire secondario.
Diagonali e mezze linee
Barre oblique per barrare una cella, e tratti a metà lunghezza per estremità di linea che si fermano a metà cella.
Transizioni sottile-spesso
Giunzioni dove una linea sottile incontra una spessa. Sono ciò che permette di ispessire una riga di una tabella senza rompere le giunzioni.
Transizioni doppio-singolo
Giunzioni tra linee doppie e singole — i pezzi che servono quando una cornice esterna doppia incontra divisori interni singoli.
Clicca su un carattere per copiarlo. Non scarichi nulla: sono caratteri di testo, non immagini.
Blocchi Unicode
- U+2500–U+257F Disegno di Riquadri
Come usare Caratteri Box Drawing
Usa sempre un font monospace
È la regola da cui dipende tutto il resto. I caratteri box drawing sono progettati su una cella fissa, quindi in un font proporzionale le verticali escono dall'allineamento e la cornice si rompe. JetBrains Mono, Menlo, Consolas, Cascadia Code e DejaVu Sans Mono rendono tutti bene questo blocco.
Scegli uno spessore e resta coerente
Il sottile si unisce al sottile e lo spesso si unisce allo spesso. Mescolarli senza i pezzi di transizione lascia spazi vuoti visibili dove i tratti non si incontrano. Se vuoi davvero un bordo esterno spesso con divisori interni sottili, prendi le giunzioni dal gruppo delle transizioni sottile-spesso.
Costruisci prima gli angoli, poi i bordi, poi le giunzioni
Una tabella è fatta di quattro angoli, due sequenze di bordi e le intersezioni tra di essi. Disponi prima gli angoli e il resto segue meccanicamente — motivo per cui è anche facile da generare via codice.
Imposta line-height a 1 per cornici solide
I tratti verticali sono disegnati fino all'intera altezza della cella del carattere. Qualsiasi interlinea extra appare come uno spazio vuoto tra le righe, quindi un riquadro che sembra rotto di solito ha solo bisogno di line-height: 1.
Informazioni su Caratteri Box Drawing
Il blocco Box Drawing è un discendente diretto del set di caratteri della code page 437 dell'IBM PC, che dava alle applicazioni DOS le loro cornici e i loro menu decenni prima che chiunque potesse contare sulla grafica. Unicode ha preservato l'intero repertorio a U+2500, e resta in uso costante: i bordi di un file manager da terminale, i rami di un albero di directory, le cornici intorno a una tabella da riga di comando e le griglie dei giochi di questo sito sono tutti disegnati con questi 128 caratteri.
Ciò che rende il blocco insolitamente ben progettato è la copertura sistematica delle giunzioni. Non basta avere una linea orizzontale e una verticale; serve ogni combinazione di ciò che arriva a una cella da ciascuna delle quattro direzioni, per ogni spessore. Ecco perché il blocco contiene caratteri specifici come "verso il basso sottile e orizzontale spesso" — esistono affinché una tabella possa cambiare spessore del tratto a metà strada senza che compaia un solo spazio vuoto alla giunzione.
Il vincolo pratico è il font. Questi glifi sono disegnati per toccare esattamente i bordi della loro cella di carattere, così che le celle adiacenti si connettano in un tratto continuo. Questo vale solo in un font monospace con un line-height di 1. Dai al testo un'interlinea extra e appariranno sottili linee orizzontali tra le righe; imposta un font proporzionale e le verticali usciranno dall'allineamento. Quasi ogni problema del tipo "il box drawing sembra rotto" dipende da una di queste due cose.
C'è una lacuna deliberata nel blocco. Unicode codifica diagonali sottili e spesse e una croce diagonale sottile, ma nessuna diagonale a linea doppia e nessun arco a spessore pesante, perché la code page originale non ne aveva e il blocco è stato concepito per compatibilità piuttosto che per completezza. Se ti serve un angolo arrotondato spesso, non esiste: i quattro archi da U+256D a U+2570 sono solo di spessore sottile.
Giochi disegnati con questi caratteri
Ogni tabellone di questo sito è costruito con caratteri Unicode, non sprite. Questi giochi usano i caratteri qui sopra.
Domande frequenti
Perché i miei caratteri box drawing non si allineano?
Quasi sempre è colpa del font. Questi glifi presuppongono una cella a larghezza fissa, quindi un font proporzionale spinge i tratti verticali fuori allineamento. Passa a un font monospace come JetBrains Mono, Consolas o Menlo. Se la cornice si allinea orizzontalmente ma mostra spazi vuoti tra le righe, imposta line-height a 1 — l'interlinea extra separa i tratti verticali.
Qual è la differenza tra i caratteri box drawing e l'ASCII art?
L'ASCII art finge le linee con i 128 caratteri dell'ASCII — trattini, barre verticali e segni più — quindi gli angoli sono approssimativi e le giunzioni visibilmente irregolari. I caratteri box drawing sono glifi costruiti apposta che si incontrano esattamente al bordo della cella, dando tratti continui e ininterrotti. Sono Unicode, non ASCII, anche se i due vengono spesso confusi.
Quali caratteri box drawing mi servono per una tabella semplice?
Undici: i quattro angoli ┌ ┐ └ ┘, i due bordi ─ │, le quattro giunzioni a T ├ ┤ ┬ ┴ e la croce ┼. Ogni griglia rettangolare, per quanto grande, è costruita solo con questi.
Posso mescolare linee sottili e spesse?
Sì, ma solo attraverso i caratteri di transizione. Una verticale spessa che incontra un'orizzontale sottile richiede un glifo costruito esattamente per quel caso, come U+2542. Unisci una linea spessa direttamente a una sottile senza il pezzo giusto e ottieni uno spazio vuoto visibile. Il gruppo delle transizioni sottile-spesso qui sopra contiene il set completo.
I caratteri box drawing funzionano su mobile?
Si rendono su ogni telefono moderno: il blocco è vecchio e universalmente supportato. Il problema è che i browser mobile spesso usano un font predefinito proporzionale, quindi racchiudili in una regola CSS monospace invece di fidarti del predefinito, altrimenti l'allineamento si romperà.
Ci sono angoli arrotondati nel blocco box drawing?
Quattro, da U+256D a U+2570, e sono solo di spessore sottile. Sostituiscili a ┌ ┐ └ ┘ per ammorbidire un riquadro a linee sottili. Non esiste un equivalente spesso o a linea doppia: il blocco ha ereditato il proprio repertorio dalla code page 437, che non ne aveva.
Support the arcade
Ti piacciono i giochi?
UnicodeGames è gratis, senza pubblicità, e lo sarà sempre. Se ha reso più piacevole una pausa caffè, puoi ricambiare il favore.
Offrimi un caffèOne-off · No account needed · Handled by Buy Me a Coffee