Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Zeilenhöhe

Die Zeilenhöhe wird durch line-height festgelegt.

Möglich sind:

  • Ein numerischer Wert ohne Einheit – dieser Wert ergibt mit der Schriftgröße multipliziert den Wert der Zeilenhöhe.
  • normal – entspricht je nach Browser einem numerischen Wert von etwa 1.2
  • relative und absolute Maßangaben

Bei Angaben in em und % wird auf Nachkommen jeweils der errechnete Wert der Zeilenhöhe vererbt. Bei numerischer Angabe wird der Wert als proportionaler Faktor vererbt.

Schriftgrößen sollten grundsätzlich relativ angegeben werden. Um unliebsame Überraschungen bei vererbten Zeilenhöhen zu vermeiden empfiehlt sich immer eine nummerische Angabe (ohne Maßeinheit). Eine ausführliche Erklärung dazu liefert Eric Meyer (englisch): Unitless line-heights

Als Richtwert für eine im allgemeinen gut lesbare Zeilenhöhe: 1.4 oder mehr. Faustregel: Je länger die Textzeilen (und je kleiner die Schrift), desto größer muss die Zeilenhöhe gewählt werden.