English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS line-height ZeilenabstandseigenschaftFürFür die minimale Höhe des Lineboxs definiert im Element. Es setzt den Abstand zwischen den beiden Zeilen des Inhalts.
Es definiert den Raum zwischen inline-Elementen über und unter. Es ermöglicht es Ihnen, die Höhe der Zeile unabhängig von der Zeichengröße zu setzen.
line-height-Eigenschaftswert und CSS line-Die height-Eigenschaft muss zusammen mit
| Wert | Beschreibung |
|---|---|
| normal | Dies ist der Standardwert. Es spezifiziert die Normhöhe. |
| number | Es spezifiziert eine Zahl, die mit der aktuellen Zeichengröße multipliziert wird, um die Zeilenhöhe zu setzen. |
| length | Es wird verwendet, um die Zeilenhöhe in px, pt, cm usw. zu setzen. |
| % | Es spezifiziert die Zeilenhöhe in Prozent der aktuellen Schriftart. |
| initial | Es setzt diesen Wert auf seinen Standardwert. |
| inherit | Es erbt diesen Wert von seinem Elternelement. |
<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
line-height: 70％;
}
h3.big {
line-height: 200％;
}
</style>
</head>
<body>
<h3>
Dies ist ein Titel mit der Standardzeilenabstand.<br>
Dies ist ein Titel mit der Standardzeilenabstand.<br>
Die Standardzeilenabstände in den meisten Browsern betragen etwa110％bis120％.<br>
</h3>
<h3 class="small">
Dies ist ein Titel mit kleinerem Zeilenabstand.<br>
Dies ist ein Titel mit kleinerem Zeilenabstand.<br>
Dies ist ein Titel mit kleinerem Zeilenabstand.<br>
Dies ist ein Titel mit kleinerem Zeilenabstand.<br>
</h3>
<h3 class="big">
Dies ist ein Titel mit großer Zeilenabstand.<br>
Dies ist ein Titel mit großer Zeilenabstand.<br>
Dies ist ein Titel mit großer Zeilenabstand.<br>
Dies ist ein Titel mit großer Zeilenabstand.<br>
</h3>
</body>
</html>Testen Sie es heraus‹/›