Die CSS Eigenschaft line-height regelt den Abstand von Zeilen. Damit können Textzeilen vergrößert oder auch verkleinert werden. Ähnlich ist die CSS Eigenschaft letter-spacing, welche den Zeichenabstand regelt.
Syntax von CSS line-height
line-height: 1.5 ;
line-height: unsere Eigenschaft für den Zeilenabstand
1.5: der übergebene Wert, wobei dieser eine Zahl sein kann, eine Längenangabe oder Prozentangabe
Beispiele für line-height und übergebenen Werten
Beispiel 1 – Zahl: CSS
line-height: 2.0;
Beispiel 1 – Zahl: Ergebnis
Ein schöner Text,
der Line-Height Auswirkungen bei einer Zahl 2.0 zeigen soll
2.0 ist das 2,0-fache von der Schriftgröße.
der Line-Height Auswirkungen bei einer Zahl 2.0 zeigen soll
2.0 ist das 2,0-fache von der Schriftgröße.
Beispiel 2 – Längenangabe: CSS
line-height: 15px;
Beispiel 2 – Längenangabe: Ergebnis
Ein schöner Text,
der Line-Height Auswirkungen bei einer Längenangabe von 15 Pixel zeigen soll.
der Line-Height Auswirkungen bei einer Längenangabe von 15 Pixel zeigen soll.
Beispiel 3 – Prozentangabe: CSS
line-height: 80%;
Beispiel 3 – Prozentangabe: Ergebnis
Ein schöner Text,
der Line-Height Auswirkungen bei einer Prozentangabe von 80% zeigen soll.
Dies ist relativ zum Elternelement bzw. vom Normalwert (Schriftgröße)
der Line-Height Auswirkungen bei einer Prozentangabe von 80% zeigen soll.
Dies ist relativ zum Elternelement bzw. vom Normalwert (Schriftgröße)
Informationen und Werte
Vererbbar: ja
Initialwert: normal
Werte: normal (Normalwert wiederherstellen), Längenangaben positiv oder negativ (in Pixel px, em oder ex), Prozentangaben, Zahl (positiv und negativ, Puntk statt Komma!), inherit (Vererbung)
Über den Autor Speedy86
Marcus alias Speedy86 ist Administrator dieser Webseite und veröffentlicht unter andem News und interessante Artikel rund um WordPress, Suchmaschinenoptimierung, Programmierung und Webdesign. Im Webmaster-Glossar.de gibt es viel wissenswerten Stoff für Webmaster, Webworker bzw. Selbständige im Internet.Artikel:
Bereits 439 Artikel verfasst!