Vertikaler Rhythmus ist ein gleichmäßiger Takt in den senkrechten Abständen einer Seite. Zeilenhöhe, Absatzabstände und Überschriften richten sich nach einer Grundeinheit, meist der Zeilenhöhe des Fließtexts, und sind Vielfache davon. Laut Google Fonts entsteht der Rhythmus aus Zeilenhöhe und den Abständen zwischen den Elementen.
- Vertikaler Rhythmus
Ein gleichmäßiger Takt in den senkrechten Abständen einer Seite, bei dem Zeilenhöhe und Abstände Vielfache einer Grundeinheit sind.
Beispiel: „Mit vertikalem Rhythmus bleibt der Abstand unter jeder Überschrift genau eine Zeilenhöhe groß.“Auch: englisch vertical rhythm; im Druck Registerhaltigkeit für Zeilen, die auf beiden Seiten eines Blatts übereinanderstehen.
Abgrenzung zum Basislinienraster: Es setzt jede Grundlinie auf ein festes Raster, der Rhythmus nur die Abstände.
Wie vertikaler Rhythmus entsteht
Richard Rutter beschrieb das Vorgehen 2006 in 24 ways: Man wählt Schriftgröße und Zeilenhöhe des Fließtexts, etwa 16 und 24 Pixel, und macht 24 Pixel zur Grundeinheit. Überschriften bekommen eine Zeilenhöhe, die ein Vielfaches davon ist, Absätze einen Abstand von einer Grundeinheit. Rahmen von einem Pixel verschieben den Takt und müssen über den Innenabstand ausgeglichen werden.
Vertikaler Rhythmus in CSS
Heute hilft die Einheit lh, die genau einer Zeilenhöhe entspricht; laut web-features ist sie seit Mai 2026 weit verfügbar. Damit lassen sich Abstände direkt in Zeilen angeben. Eine eigene Spezifikation, CSS Rhythmic Sizing, soll Elemente auf Vielfache einer Schrittweite runden; unterstützt wird sie bisher von keinem Browser.
body { font-size: 1rem; line-height: 1.5; }
p, ul { margin-block: 0 1lh; }
h2 { line-height: 2lh; margin-block: 2lh 1lh; }Vertikaler Rhythmus und Grundlinienraster
Die strengste Form ist das Grundlinienraster: Laut A List Apart sitzt dabei jede Grundlinie auf einem gleichmäßigen senkrechten Raster. Im Web ist das aufwendig, weil Bilder, Schriftwechsel und Rahmen das Raster leicht verschieben. Laut Smashing Magazine gibt es keinen Konsens, ob sich der Aufwand lohnt; ein einheitlicher Takt der Abstände bringt den größten Teil der Wirkung.