87 Zeichen · kostenlos kopierbar
Rahmenzeichen in reinem Text
Der Unicode-Block U+2500 bis U+257F enthält 128 Zeichen, die dafür gemacht sind, sich zu Rahmen, Tabellen, Baumstrukturen und Rastern zusammenzufügen — leicht, kräftig, doppelt, gestrichelt und abgerundet, plus jede Verbindungsstelle, an der diese Stärken aufeinandertreffen. Daraus bestehen eine Terminal-Oberfläche, ein Verzeichnisbaum und eine ASCII-Tabelle tatsächlich. Kopiere unten ein beliebiges Zeichen; jedes ist mit seinem Unicode-Namen und Codepunkt aufgeführt, gruppiert, sodass die Teile, die du zusammen brauchst, auch zusammen stehen.
Leichte Linien
Das Standardset. Elf Zeichen zeichnen jedes rechteckige Raster, und jedes von ihnen verbindet sich sauber mit den anderen.
Kräftige Linien
Dieselben elf Formen in einer dickeren Stärke. Mische sie mit leichten Linien, um einen Außenrahmen oder eine ausgewählte Reihe hervorzuheben.
Doppelte Linien
Zwei parallele Striche. Der klassische DOS-Ära-Rahmen, immer noch die dekorativste Option im Block.
Abgerundete Ecken
Bogenecken, die einen Rahmen aus leichten Linien abmildern. Tausche sie gegen ┌ ┐ └ ┘ aus, sonst ändert sich nichts.
Gestrichelte Linien
Dreifach- und Vierfach-Strichfolgen, leicht und kräftig. Nützlich für einen Trenner, der als zweitrangig gelesen werden soll.
Diagonalen und Halbstriche
Schrägstriche zum Durchstreichen einer Zelle und halblange Stummel für Linienenden, die mitten in der Zelle aufhören.
Übergänge leicht–kräftig
Verbindungsstellen, an denen eine leichte Linie auf eine kräftige trifft. Damit kannst du eine Reihe einer Tabelle verdicken, ohne die Verbindungen zu brechen.
Übergänge doppelt–einfach
Verbindungsstellen zwischen doppelten und einfachen Linien — die Teile, die du brauchst, wenn ein doppelter Außenrahmen auf einfache innere Trenner trifft.
Klicke auf ein Zeichen, um es zu kopieren. Es wird nichts heruntergeladen — das sind Textzeichen, keine Bilder.
Unicode-Blöcke
- U+2500–U+257F Rahmenzeichnung
So verwendest du Rahmenzeichen
Immer eine dicktengleiche Schriftart verwenden
Das ist die Regel, von der alles andere abhängt. Rahmenzeichen sind für eine feste Zelle gestaltet, in einer proportionalen Schriftart driften die Vertikalen also aus der Spalte. JetBrains Mono, Menlo, Consolas, Cascadia Code und DejaVu Sans Mono stellen den Block alle gut dar.
Eine Stärke wählen und dabei bleiben
Leicht verbindet sich mit leicht, kräftig mit kräftig. Sie ohne die Übergangsstücke zu mischen, hinterlässt sichtbare Lücken, an denen die Striche nicht zusammentreffen. Willst du einen kräftigen Außenrahmen mit leichten inneren Trennern, nimm die Verbindungsstücke aus der Gruppe Übergänge leicht–kräftig.
Erst Ecken, dann Kanten, dann Verbindungen bauen
Eine Tabelle besteht aus vier Ecken, zwei Kantenläufen und den Kreuzungen dazwischen. Lege zuerst die Ecken fest, der Rest folgt mechanisch — deshalb lässt sich das auch leicht im Code erzeugen.
line-height auf 1 setzen für durchgehende Rahmen
Vertikale Striche werden über die volle Höhe der Zeichenzelle gezeichnet. Jeder zusätzliche Zeilenabstand zeigt sich als Lücke zwischen den Reihen, ein kaputt wirkender Rahmen braucht also meist nur line-height: 1.
Über Rahmenzeichen
Der Block Rahmenzeichnung ist ein direkter Nachfahre des IBM-PC-Zeichensatzes Codepage 437, der DOS-Anwendungen ihre Rahmen und Menüs gab, Jahrzehnte bevor sich jemand auf Grafik verlassen konnte. Unicode bewahrte das gesamte Repertoire bei U+2500, und es ist weiterhin ständig im Einsatz: die Ränder in einem Terminal-Dateimanager, die Äste eines Verzeichnisbaums, die Rahmen um eine Kommandozeilen-Tabelle und die Raster in den Spielen dieser Seite sind alle aus diesen 128 Zeichen gezeichnet.
Was den Block ungewöhnlich gut gestaltet macht, ist die systematische Abdeckung der Verbindungsstellen. Es reicht nicht, eine horizontale und eine vertikale Linie zu haben; man braucht jede Kombination dessen, was aus den vier Richtungen an einer Zelle ankommt, in jeder Stärke. Deshalb enthält der Block so spezifische Zeichen wie „unten leicht und horizontal kräftig“ — sie existieren, damit eine Tabelle mittendrin die Strichstärke wechseln kann, ohne dass an der Verbindung eine Lücke entsteht.
Die praktische Einschränkung ist die Schriftart. Diese Glyphen sind so gezeichnet, dass sie genau die Ränder ihrer Zeichenzelle berühren, sodass benachbarte Zellen sich zu einem durchgehenden Strich verbinden. Das gilt nur in einer dicktengleichen Schriftart bei einem Zeilenabstand von 1. Gib dem Text zusätzlichen Zeilenabstand, und feine horizontale Linien erscheinen zwischen den Reihen; setze eine proportionale Schriftart, und die Vertikalen wandern aus der Ausrichtung. Fast jedes Problem der Art „Rahmenzeichnung sieht kaputt aus“ ist eines dieser beiden Dinge.
Es gibt eine bewusste Lücke im Block. Unicode kodiert leichte und kräftige Diagonalen sowie ein leichtes diagonales Kreuz, aber keine doppelte Diagonale und keine Bögen in kräftiger Stärke, weil die ursprüngliche Codepage keine hatte und der Block auf Kompatibilität statt Vollständigkeit ausgelegt wurde. Brauchst du eine abgerundete kräftige Ecke, gibt es sie nicht — die vier Bögen bei U+256D bis U+2570 gibt es nur in leichter Stärke.
Spiele, die mit diesen Zeichen gezeichnet sind
Jedes Spielbrett auf dieser Seite besteht aus Unicode statt aus Sprites. Diese hier verwenden die Zeichen oben.
Häufig gestellte Fragen
Warum richten sich meine Rahmenzeichen nicht sauber aus?
Fast immer die Schriftart. Diese Glyphen setzen eine Zelle mit fester Breite voraus, eine proportionale Schriftart schiebt die vertikalen Striche also aus der Spalte. Wechsle zu einer dicktengleichen Schriftart wie JetBrains Mono, Consolas oder Menlo. Richtet sich der Rahmen horizontal aus, zeigt aber Lücken zwischen den Reihen, setze line-height auf 1 — zusätzlicher Zeilenabstand trennt die vertikalen Striche.
Was ist der Unterschied zwischen Rahmenzeichen und ASCII-Art?
ASCII-Art täuscht Linien mit den 128 ASCII-Zeichen vor — Bindestrichen, Pipes und Pluszeichen —, Ecken sind also nur angenähert und Verbindungen sichtbar grob. Rahmenzeichen sind eigens dafür gemachte Glyphen, die sich genau am Zellenrand treffen und durchgehende, ununterbrochene Striche ergeben. Sie sind Unicode, nicht ASCII, auch wenn die beiden oft verwechselt werden.
Welche Rahmenzeichen brauche ich für eine einfache Tabelle?
Elf: die vier Ecken ┌ ┐ └ ┘, die zwei Kanten ─ │, die vier T-Verbindungen ├ ┤ ┬ ┴ und das Kreuz ┼. Jedes rechteckige Raster, wie groß auch immer, ist nur daraus gebaut.
Kann ich leichte und kräftige Linien mischen?
Ja, aber nur über die Übergangszeichen. Eine kräftige Vertikale, die auf eine leichte Horizontale trifft, braucht eine Glyphe, die genau für diesen Fall gebaut ist, wie U+2542. Verbindest du eine kräftige Linie direkt mit einer leichten ohne das richtige Stück, entsteht eine sichtbare Lücke. Die Gruppe Übergänge leicht–kräftig oben hat das vollständige Set.
Funktionieren Rahmenzeichen auf dem Handy?
Sie werden auf jedem modernen Handy dargestellt — der Block ist alt und wird universell unterstützt. Der Haken ist, dass mobile Browser oft eine proportionale Standardschrift verwenden, also in eine Monospace-CSS-Regel einbetten, statt sich auf den Standard zu verlassen, sonst bricht die Ausrichtung.
Gibt es abgerundete Ecken im Block Rahmenzeichnung?
Vier, bei U+256D bis U+2570, und sie gibt es nur in leichter Stärke. Setze sie anstelle von ┌ ┐ └ ┘ ein, um einen Rahmen aus leichten Linien abzumildern. Es gibt kein kräftiges oder doppellinien Äquivalent — der Block erbte sein Repertoire von Codepage 437, die keines hatte.
Support the arcade
Gefallen dir die Spiele?
UnicodeGames ist kostenlos, zeigt keine Werbung und wird das auch nie tun. Wenn es deine Kaffeepause aufgehellt hat, kannst du dich revanchieren.
Spendier mir einen KaffeeOne-off · No account needed · Handled by Buy Me a Coffee