line-height: Zeilenhöhe

0 | 0 Kommentare | 1450 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "line-height: Zeilenhöhe" mit Ihrem Wissen!

Anzeige Hier werben

line-height

Werte: normal, Zahlen, Längen- und Prozentangaben
Standardwert: normal
Vererbung: ja
Kurzschreibweise: keine
Anwendbar auf: alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Die CSS Eigenschaft line-height bestimmt die Höhe einer Zeile in einem Text. Über sie lässt sich auch der Zeilenabstand bei mehrzeiligen Texten einstellen.

Tipps und Tricks

Bei einzeiligen Texten in Blockelementen kann die Eigenschaft line-height dazu benutzt werden um Texte vertikal zu zentrieren, was sonst nicht so einfach in CSS umzusetzen ist. Dazu wird die Zeilenhöhe auf die Größe des Blocks gesetzt.

Beispiel

Zeilenhöhe  
Dieses Beispiel ausprobieren
HTML
1
2
3
4
5
6
<p style="width:500px; height:60px; line-height:60px; border:1px red solid;">
    Beispiel für vert. Zentrierung
</p>
<p style="width:100px; line-height:25px; border:1px black solid;">
    Dies ist ein Beispiel für eine über- proportional große Zeilenhöhe. Zu groß sollte diese also auch nicht gewählt werden
</p>
Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "line-height: Zeilenhöhe" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "line-height: Zeilenhöhe" hier bearbeiten.

Mitarbeiter
  • Holger V
    Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
  • Moritz Kern
    graphic, motion & web design - kernreaktor - mutter kind turnen

Kommentare: line-height: Zeilenhöhe