Ein Basislinienraster ist ein Raster aus waagerechten Linien im Abstand der Zeilenhöhe, auf denen alle Textzeilen einer Seite stehen. Überschriften, Absätze und Abstände sind Vielfache dieses Maßes, deshalb laufen die Zeilen nebeneinanderliegender Spalten auf gleicher Höhe. Im Druck heißt das Ergebnis Registerhaltigkeit.
- Basislinienraster
Ein unsichtbares Raster aus waagerechten Linien, auf dem alle Textzeilen einer Seite stehen.
Beispiel: „Im Basislinienraster von 24 Pixeln stehen Text und Bildunterschrift auf denselben Linien.“Auch: Grundlinienraster, englisch baseline grid.
Abgrenzung zum Gestaltungsraster: Es teilt die Fläche in Spalten. Das Basislinienraster ordnet die Zeilen.
Woher das Basislinienraster kommt
Im Buchdruck stehen bei mehrspaltigem Satz alle Spalten auf demselben Zeilenraster, und die Zeilen von Vorder- und Rückseite liegen genau übereinander. Wolfgang Beinert beschreibt diese Registerhaltigkeit als Qualitätsmerkmal: Nichts scheint zwischen den Zeilen durch, und Spalten wirken wie aus einem Guss.
Basislinienraster im Web
Im Web ist das Raster schwerer zu halten, weil Schriften unterschiedlich viel Raum über und unter den Buchstaben mitbringen. Zwei CSS-Werkzeuge helfen: Die Einheiten lh und rlh setzen Abstände als Vielfache der Zeilenhöhe, und text-box-trim schneidet den überschüssigen Raum ab; es ist seit 2026 in allen großen Browsern verfügbar.
p {
line-height: 1.5;
margin-block: 0 1lh;
}
h2 {
margin-block: 2rlh 1rlh;
}Wann sich ein Basislinienraster lohnt
Bei mehrspaltigen Layouts, Magazinen und Seiten mit Text neben Text. Für eine einspaltige Website reicht meist eine Abstandsskala, deren Stufen Vielfache der Zeilenhöhe sind.