summaryrefslogtreecommitdiffstats
path: root/non-scripts/box-drawing.html
diff options
context:
space:
mode:
authorMattias Andrée <m@maandree.se>2025-12-28 11:38:14 +0100
committerMattias Andrée <m@maandree.se>2025-12-28 11:38:14 +0100
commit75f34edf4cada2dbf80bf8b8176781b443ffbe00 (patch)
tree3f47ccfaa0ce48c6676721f6edc7008f52c78b6f /non-scripts/box-drawing.html
downloadunicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.gz
unicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.bz2
unicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.xz
First commit
Signed-off-by: Mattias Andrée <m@maandree.se>
Diffstat (limited to 'non-scripts/box-drawing.html')
-rw-r--r--non-scripts/box-drawing.html219
1 files changed, 219 insertions, 0 deletions
diff --git a/non-scripts/box-drawing.html b/non-scripts/box-drawing.html
new file mode 100644
index 0000000..ad7bde6
--- /dev/null
+++ b/non-scripts/box-drawing.html
@@ -0,0 +1,219 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Box drawing</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td></td>
+ <td>&#x1FBAF;</td> <!-- BOX DRAWINGS LIGHT HORIZONTAL WITH VERTICAL STROKE -->
+ <td class="lacuna"></td> <!-- box drawings light horizontal with two vertical strokes -->
+ <td class="lacuna"></td> <!-- box drawings light horizontal with three vertical strokes -->
+ <td></td>
+ <td class="lacuna"></td> <!-- box drawings light vertical with horizontal stroke -->
+ <td class="lacuna"></td> <!-- box drawings light vertical with two horizontal strokes -->
+ <td class="lacuna"></td> <!-- box drawings light vertical with three horizontal strokes -->
+ </tr>
+ <tr>
+ <td>&#x2500;</td> <!-- BOX DRAWINGS LIGHT HORIZONTAL -->
+ <td>&#x254C;</td> <!-- BOX DRAWINGS LIGHT DOUBLE DASH HORIZONTAL -->
+ <td>&#x2504;</td> <!-- BOX DRAWINGS LIGHT TRIPLE DASH HORIZONTAL -->
+ <td>&#x2508;</td> <!-- BOX DRAWINGS LIGHT QUADRUPLE DASH HORIZONTAL -->
+ <td>&#x2502;</td> <!-- BOX DRAWINGS LIGHT VERTICAL -->
+ <td>&#x254E;</td> <!-- BOX DRAWINGS LIGHT DOUBLE DASH VERTICAL -->
+ <td>&#x2506;</td> <!-- BOX DRAWINGS LIGHT TRIPLE DASH VERTICAL -->
+ <td>&#x250A;</td> <!-- BOX DRAWINGS LIGHT QUADRUPLE DASH VERTICAL -->
+ <td>&#x2550;</td> <!-- BOX DRAWINGS DOUBLE HORIZONTAL -->
+ <td>&#x2571;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER RIGHT TO LOWER LEFT -->
+ <td>&#x2573;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL CROSS -->
+ <td>&#x2572;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER LEFT TO LOWER RIGHT -->
+ </tr>
+ <tr>
+ <td>&#x2501;</td> <!-- BOX DRAWINGS HEAVY HORIZONTAL -->
+ <td>&#x254D;</td> <!-- BOX DRAWINGS HEAVY DOUBLE DASH HORIZONTAL -->
+ <td>&#x2505;</td> <!-- BOX DRAWINGS HEAVY TRIPLE DASH HORIZONTAL -->
+ <td>&#x2509;</td> <!-- BOX DRAWINGS HEAVY QUADRUPLE DASH HORIZONTAL -->
+ <td>&#x2503;</td> <!-- BOX DRAWINGS HEAVY VERTICAL -->
+ <td>&#x254F;</td> <!-- BOX DRAWINGS HEAVY DOUBLE DASH VERTICAL -->
+ <td>&#x2507;</td> <!-- BOX DRAWINGS HEAVY TRIPLE DASH VERTICAL -->
+ <td>&#x250B;</td> <!-- BOX DRAWINGS HEAVY QUADRUPLE DASH VERTICAL -->
+ <td>&#x2551;</td> <!-- BOX DRAWINGS DOUBLE VERTICAL -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBD;</span>&#x2572;</div></td> <!-- negative diagonal upper right to lower left -->
+ <td>&#x1FBBD;</td> <!-- NEGATIVE DIAGONAL CROSS -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBD;</span>&#x2571;</div></td> <!-- negative diagonal upper left to lower right -->
+ </tr>
+ <tr>
+ <td>&#x250C;</td> <!-- BOX DRAWINGS LIGHT DOWN AND RIGHT -->
+ <td>&#x252C;</td> <!-- BOX DRAWINGS LIGHT DOWN AND HORIZONTAL -->
+ <td>&#x2510;</td> <!-- BOX DRAWINGS LIGHT DOWN AND LEFT -->
+ <td>&#x250D;</td> <!-- BOX DRAWINGS DOWN LIGHT AND RIGHT HEAVY -->
+ <td>&#x252F;</td> <!-- BOX DRAWINGS DOWN LIGHT AND HORIZONTAL HEAVY -->
+ <td>&#x2511;</td> <!-- BOX DRAWINGS DOWN LIGHT AND LEFT HEAVY -->
+ <td>&#x250E;</td> <!-- BOX DRAWINGS DOWN HEAVY AND RIGHT LIGHT -->
+ <td>&#x2530;</td> <!-- BOX DRAWINGS DOWN HEAVY AND HORIZONTAL LIGHT -->
+ <td>&#x2512;</td> <!-- BOX DRAWINGS DOWN HEAVY AND LEFT LIGHT -->
+ <td>&#x250F;</td> <!-- BOX DRAWINGS HEAVY DOWN AND RIGHT -->
+ <td>&#x2533;</td> <!-- BOX DRAWINGS HEAVY DOWN AND HORIZONTAL -->
+ <td>&#x2513;</td> <!-- BOX DRAWINGS HEAVY DOWN AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x251C;</td> <!-- BOX DRAWINGS LIGHT VERTICAL AND RIGHT -->
+ <td>&#x253C;</td> <!-- BOX DRAWINGS LIGHT VERTICAL AND HORIZONTAL -->
+ <td>&#x2524;</td> <!-- BOX DRAWINGS LIGHT VERTICAL AND LEFT -->
+ <td>&#x251D;</td> <!-- BOX DRAWINGS VERTICAL LIGHT AND RIGHT HEAVY -->
+ <td>&#x253F;</td> <!-- BOX DRAWINGS VERTICAL LIGHT AND HORIZONTAL HEAVY -->
+ <td>&#x2525;</td> <!-- BOX DRAWINGS VERTICAL LIGHT AND LEFT HEAVY -->
+ <td>&#x2520;</td> <!-- BOX DRAWINGS VERTICAL HEAVY AND RIGHT LIGHT -->
+ <td>&#x2542;</td> <!-- BOX DRAWINGS VERTICAL HEAVY AND HORIZONTAL LIGHT -->
+ <td>&#x2528;</td> <!-- BOX DRAWINGS VERTICAL HEAVY AND LEFT LIGHT -->
+ <td>&#x2523;</td> <!-- BOX DRAWINGS HEAVY VERTICAL AND RIGHT -->
+ <td>&#x254B;</td> <!-- BOX DRAWINGS HEAVY VERTICAL AND HORIZONTAL -->
+ <td>&#x252B;</td> <!-- BOX DRAWINGS HEAVY VERTICAL AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x2514;</td> <!-- BOX DRAWINGS LIGHT UP AND RIGHT -->
+ <td>&#x2534;</td> <!-- BOX DRAWINGS LIGHT UP AND HORIZONTAL -->
+ <td>&#x2518;</td> <!-- BOX DRAWINGS LIGHT UP AND LEFT -->
+ <td>&#x2515;</td> <!-- BOX DRAWINGS UP LIGHT AND RIGHT HEAVY -->
+ <td>&#x2537;</td> <!-- BOX DRAWINGS UP LIGHT AND HORIZONTAL HEAVY -->
+ <td>&#x2519;</td> <!-- BOX DRAWINGS UP LIGHT AND LEFT HEAVY -->
+ <td>&#x2516;</td> <!-- BOX DRAWINGS UP HEAVY AND RIGHT LIGHT -->
+ <td>&#x2538;</td> <!-- BOX DRAWINGS UP HEAVY AND HORIZONTAL LIGHT -->
+ <td>&#x251A;</td> <!-- BOX DRAWINGS UP HEAVY AND LEFT LIGHT -->
+ <td>&#x2517;</td> <!-- BOX DRAWINGS HEAVY UP AND RIGHT -->
+ <td>&#x253B;</td> <!-- BOX DRAWINGS HEAVY UP AND HORIZONTAL -->
+ <td>&#x251B;</td> <!-- BOX DRAWINGS HEAVY UP AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x251F;</td> <!-- BOX DRAWINGS DOWN HEAVY AND RIGHT UP LIGHT -->
+ <td>&#x2541;</td> <!-- BOX DRAWINGS DOWN HEAVY AND UP HORIZONTAL LIGHT -->
+ <td>&#x2527;</td> <!-- BOX DRAWINGS DOWN HEAVY AND LEFT UP LIGHT -->
+ <td>&#x2522;</td> <!-- BOX DRAWINGS UP LIGHT AND RIGHT DOWN HEAVY -->
+ <td>&#x2548;</td> <!-- BOX DRAWINGS UP LIGHT AND DOWN HORIZONTAL HEAVY -->
+ <td>&#x252A;</td> <!-- BOX DRAWINGS UP LIGHT AND LEFT DOWN HEAVY -->
+ <td>&#x2546;</td> <!-- BOX DRAWINGS RIGHT DOWN HEAVY AND LEFT UP LIGHT -->
+ <td>&#x2545;</td> <!-- BOX DRAWINGS LEFT DOWN HEAVY AND RIGHT UP LIGHT -->
+ <td>&#x256D;</td> <!-- BOX DRAWINGS LIGHT ARC DOWN AND RIGHT -->
+ <td>&#x256E;</td> <!-- BOX DRAWINGS LIGHT ARC DOWN AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x251E;</td> <!-- BOX DRAWINGS UP HEAVY AND RIGHT DOWN LIGHT -->
+ <td>&#x2540;</td> <!-- BOX DRAWINGS UP HEAVY AND DOWN HORIZONTAL LIGHT -->
+ <td>&#x2526;</td> <!-- BOX DRAWINGS UP HEAVY AND LEFT DOWN LIGHT -->
+ <td>&#x2521;</td> <!-- BOX DRAWINGS DOWN LIGHT AND RIGHT UP HEAVY -->
+ <td>&#x2547;</td> <!-- BOX DRAWINGS DOWN LIGHT AND UP HORIZONTAL HEAVY -->
+ <td>&#x2529;</td> <!-- BOX DRAWINGS DOWN LIGHT AND LEFT UP HEAVY -->
+ <td>&#x2544;</td> <!-- BOX DRAWINGS RIGHT UP HEAVY AND LEFT DOWN LIGHT -->
+ <td>&#x2543;</td> <!-- BOX DRAWINGS LEFT UP HEAVY AND RIGHT DOWN LIGHT -->
+ <td>&#x2570;</td> <!-- BOX DRAWINGS LIGHT ARC UP AND RIGHT -->
+ <td>&#x256F;</td> <!-- BOX DRAWINGS LIGHT ARC UP AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x252E;</td> <!-- BOX DRAWINGS RIGHT HEAVY AND LEFT DOWN LIGHT -->
+ <td>&#x252D;</td> <!-- BOX DRAWINGS LEFT HEAVY AND RIGHT DOWN LIGHT -->
+ <td>&#x2532;</td> <!-- BOX DRAWINGS LEFT LIGHT AND RIGHT DOWN HEAVY -->
+ <td>&#x2531;</td> <!-- BOX DRAWINGS RIGHT LIGHT AND LEFT DOWN HEAVY -->
+ <td>&#x2552;</td> <!-- BOX DRAWINGS DOWN SINGLE AND RIGHT DOUBLE -->
+ <td>&#x2564;</td> <!-- BOX DRAWINGS DOWN SINGLE AND HORIZONTAL DOUBLE -->
+ <td>&#x2555;</td> <!-- BOX DRAWINGS DOWN SINGLE AND LEFT DOUBLE -->
+ <td>&#x2553;</td> <!-- BOX DRAWINGS DOWN DOUBLE AND RIGHT SINGLE -->
+ <td>&#x2565;</td> <!-- BOX DRAWINGS DOWN DOUBLE AND HORIZONTAL SINGLE -->
+ <td>&#x2556;</td> <!-- BOX DRAWINGS DOWN DOUBLE AND LEFT SINGLE -->
+ <td>&#x2554;</td> <!-- BOX DRAWINGS DOUBLE DOWN AND RIGHT -->
+ <td>&#x2566;</td> <!-- BOX DRAWINGS DOUBLE DOWN AND HORIZONTAL -->
+ <td>&#x2557;</td> <!-- BOX DRAWINGS DOUBLE DOWN AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x253E;</td> <!-- BOX DRAWINGS RIGHT HEAVY AND LEFT VERTICAL LIGHT -->
+ <td>&#x253D;</td> <!-- BOX DRAWINGS LEFT HEAVY AND RIGHT VERTICAL LIGHT -->
+ <td>&#x254A;</td> <!-- BOX DRAWINGS LEFT LIGHT AND RIGHT VERTICAL HEAVY -->
+ <td>&#x2549;</td> <!-- BOX DRAWINGS RIGHT LIGHT AND LEFT VERTICAL HEAVY -->
+ <td>&#x255E;</td> <!-- BOX DRAWINGS VERTICAL SINGLE AND RIGHT DOUBLE -->
+ <td>&#x256A;</td> <!-- BOX DRAWINGS VERTICAL SINGLE AND HORIZONTAL DOUBLE -->
+ <td>&#x2561;</td> <!-- BOX DRAWINGS VERTICAL SINGLE AND LEFT DOUBLE -->
+ <td>&#x255F;</td> <!-- BOX DRAWINGS VERTICAL DOUBLE AND RIGHT SINGLE -->
+ <td>&#x256B;</td> <!-- BOX DRAWINGS VERTICAL DOUBLE AND HORIZONTAL SINGLE -->
+ <td>&#x2562;</td> <!-- BOX DRAWINGS VERTICAL DOUBLE AND LEFT SINGLE -->
+ <td>&#x2560;</td> <!-- BOX DRAWINGS DOUBLE VERTICAL AND RIGHT -->
+ <td>&#x256C;</td> <!-- BOX DRAWINGS DOUBLE VERTICAL AND HORIZONTAL -->
+ <td>&#x2563;</td> <!-- BOX DRAWINGS DOUBLE VERTICAL AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x2536;</td> <!-- BOX DRAWINGS RIGHT HEAVY AND LEFT UP LIGHT -->
+ <td>&#x2535;</td> <!-- BOX DRAWINGS LEFT HEAVY AND RIGHT UP LIGHT -->
+ <td>&#x253A;</td> <!-- BOX DRAWINGS LEFT LIGHT AND RIGHT UP HEAVY -->
+ <td>&#x2539;</td> <!-- BOX DRAWINGS RIGHT LIGHT AND LEFT UP HEAVY -->
+ <td>&#x2558;</td> <!-- BOX DRAWINGS UP SINGLE AND RIGHT DOUBLE -->
+ <td>&#x2567;</td> <!-- BOX DRAWINGS UP SINGLE AND HORIZONTAL DOUBLE -->
+ <td>&#x255B;</td> <!-- BOX DRAWINGS UP SINGLE AND LEFT DOUBLE -->
+ <td>&#x2559;</td> <!-- BOX DRAWINGS UP DOUBLE AND RIGHT SINGLE -->
+ <td>&#x2568;</td> <!-- BOX DRAWINGS UP DOUBLE AND HORIZONTAL SINGLE -->
+ <td>&#x255C;</td> <!-- BOX DRAWINGS UP DOUBLE AND LEFT SINGLE -->
+ <td>&#x255A;</td> <!-- BOX DRAWINGS DOUBLE UP AND RIGHT -->
+ <td>&#x2569;</td> <!-- BOX DRAWINGS DOUBLE UP AND HORIZONTAL -->
+ <td>&#x255D;</td> <!-- BOX DRAWINGS DOUBLE UP AND LEFT -->
+ </tr>
+ <tr>
+ <td>&#x2574;</td> <!-- BOX DRAWINGS LIGHT LEFT -->
+ <td>&#x2576;</td> <!-- BOX DRAWINGS LIGHT RIGHT -->
+ <td>&#x2575;</td> <!-- BOX DRAWINGS LIGHT UP -->
+ <td>&#x2579;</td> <!-- BOX DRAWINGS HEAVY UP -->
+ <td>&#x257D;</td> <!-- BOX DRAWINGS LIGHT UP AND HEAVY DOWN -->
+ </tr>
+ <tr>
+ <td>&#x2578;</td> <!-- BOX DRAWINGS HEAVY LEFT -->
+ <td>&#x257A;</td> <!-- BOX DRAWINGS HEAVY RIGHT -->
+ <td>&#x2577;</td> <!-- BOX DRAWINGS LIGHT DOWN -->
+ <td>&#x257B;</td> <!-- BOX DRAWINGS HEAVY DOWN -->
+ <td>&#x257F;</td> <!-- BOX DRAWINGS HEAVY UP AND LIGHT DOWN -->
+ </tr>
+ <tr>
+ <td>&#x257C;</td> <!-- BOX DRAWINGS LIGHT LEFT AND HEAVY RIGHT -->
+ <td>&#x257E;</td> <!-- BOX DRAWINGS HEAVY LEFT AND LIGHT RIGHT -->
+ </tr>
+ <tr>
+ <td></td>
+ <td>&#x1FBA0;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE LEFT -->
+ <td>&#x1FBA1;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE RIGHT -->
+ <td>&#x1FBA7;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE LEFT TO UPPER CENTRE TO MIDDLE RIGHT -->
+ <td class="dup">&#x2588;</td> <!-- FULL BLOCK -->
+ <td class="lacuna"><span class="turn">&#x1FBBE;</span></td> <!-- negative diagonal upper centre to middle left -->
+ <td class="lacuna"><span class="flip">&#x1FBBE;</span></td> <!-- negative diagonal upper centre to middle right -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA6;</div></td> <!-- negative diagonal middle left to upper centre to middle right -->
+ </tr>
+ <tr>
+ <td>&#x1FBA2;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE LEFT TO LOWER CENTRE -->
+ <td>&#x1FBA4;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE LEFT TO LOWER CENTRE -->
+ <td>&#x1FBA9;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE RIGHT AND MIDDLE LEFT TO LOWER CENTRE -->
+ <td>&#x1FBAD;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE RIGHT TO UPPER CENTRE TO MIDDLE LEFT TO LOWER CENTRE -->
+ <td class="lacuna"><span class="flop">&#x1FBBE;</span></td> <!-- negative diagonal middle left to lower centre -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA5;</div></td> <!-- negative diagonal upper centre to middle left to lower centre -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA8;</div></td> <!-- negative diagonal upper centre to middle right and middle left to lower centre -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA3;</div></td> <!-- negative diagonal middle right to upper centre to middle left to lower centre -->
+ </tr>
+ <tr>
+ <td>&#x1FBA3;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE RIGHT TO LOWER CENTRE -->
+ <td>&#x1FBA8;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE LEFT AND MIDDLE RIGHT TO LOWER CENTRE -->
+ <td>&#x1FBA5;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE RIGHT TO LOWER CENTRE -->
+ <td>&#x1FBAC;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE LEFT TO UPPER CENTRE TO MIDDLE RIGHT TO LOWER CENTRE -->
+ <td>&#x1FBBE;</td> <!-- NEGATIVE DIAGONAL MIDDLE RIGHT TO LOWER CENTRE -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA9;</div></td> <!-- negative diagonal upper centre to middle left and middle right to lower centre -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA4;</div></td> <!-- negative diagonal upper centre to middle right to lower centre -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA2;</div></td> <!-- negative diagonal middle left to upper centre to middle right to lower centre -->
+ </tr>
+ <tr>
+ <td>&#x1FBA6;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL MIDDLE LEFT TO LOWER CENTRE TO MIDDLE RIGHT -->
+ <td>&#x1FBAB;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE LEFT TO LOWER CENTRE TO MIDDLE RIGHT -->
+ <td>&#x1FBAA;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL UPPER CENTRE TO MIDDLE RIGHT TO LOWER CENTRE TO MIDDLE LEFT -->
+ <td>&#x1FBAE;</td> <!-- BOX DRAWINGS LIGHT DIAGONAL DIAMOND -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA7</div></td> <!-- negative diagonal middle left to lower centre to middle right -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA1;</div></td> <!-- negative diagonal upper centre to middle left to lower centre to middle right -->
+ <td class="lacuna"><div class="overlap"><span>&#x1FBBF;</span>&#x1FBA0;</div></td> <!-- negative diagonal upper centre to middle right to lower centre to middle left -->
+ <td>&#x1FBBF;</td> <!-- NEGATIVE DIAGONAL DIAMOND -->
+ </tr>
+ </table>
+ </body>
+</html>