HTML: Zeilenhöhe einstellen – So gehts

Wenn du in HTML von einem Absatz oder einem Text die Zeilenhöhe bzw Zeilenabstand einstellen willst dann kannst du das mit CSS machen. Der Befehl dafür heist line-height:px.

HTML: Zeilenhöhe einstellen

Der Standard Wert bei vielen Browsern ist line-height:1.2

.text{
line-height:1.2;
}

Ergebnis

Beispiel: line-height:2.5

Je höher der Wert desto weiter ist der Zeilenabstand bzw. Zeilenhöhe

.text{
line-height:2.5;
}

Ergebnis

Beispiel: line-height:4

Hier ein Beispiel mit der Zeilenhöhe 4 du siehst gleich den Unterschied

.text{
line-height: 4 ;
}

Ergebnis

Allgemeine Infos zu line-height in CSS

• Die Eigenschaft line-height wird vererbt, d.h. sie wird von allen Elementen innerhalb eines Elements übernommen, für das sie definiert wurde, es sei denn, sie wird in einem untergeordneten Element explizit überschrieben.
• Die Verwendung von relativen Werten (Verhältnis oder Prozent) für die Zeilenhöhe kann die Lesbarkeit und Zugänglichkeit des Texts verbessern, da sie sich an die Größe der Schriftgröße und des übergeordneten Elements anpasst.
• Die Eigenschaft line-height kann in Kombination mit anderen Eigenschaften wie font-size und font-family verwendet werden, um ein einheitliches und ansprechendes typografisches Design zu erstellen.

Über mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite