English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
line-height CSS属性设置块级元素(如段落)中的文本行与行之间的高度(也称为行间距)。
下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。
默认值: | normal |
---|---|
适用于: | 所有元素 |
Vererbung: | Ja |
Animierbar: | Ja.Bitte beziehen Sie sich auf: Animationseigenschaft. |
Version: | CSS 1,2,3 |
JavaScript Syntax: | object.style.lineHeight="2" |
Die Syntax dieses Attributes ist wie folgt:
line-height: length | percentage | number | normal | initial | inherit
Die folgenden Beispiele zeigen, wie man line-height Eigenschaft.
p { line-height: 1.5; } div { line-height: 300%; }Testen Sie es heraus‹/›
Warnung:Prozentsätze (%) und em-Werte können unerwartete Ergebnisse verursachen. In den meisten Fällen-unter height, bei der Vererbung ist die Verwendung von Zahlen die bevorzugte Einstellungsart und führt nicht zu unerwarteten Ergebnissen. Erfahren Sie mehr überDie Einheit der CSSMehr Informationen.
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
Wert | Beschreibung |
---|---|
normal | Die Standardwerte für Desktop-Browser betragen etwa1.2, abhängig vom Elementfont-family. Dies ist der Standardwert. |
number | Eine Zahl, die mit dem Element multipliziert wirdfont-sizeUm line-height. |
length | Einheiten wie px, pt, cm, em usw. Ein negativer Zeilenabstand ist nicht erlaubt. |
percentage | Die Methode der Verwendung von Prozentsätzen ist ähnlich wie bei numerischen Werten-Der berechnete Wert der Eigenschaft entspricht dem angegebenen Prozentsatzwert des Elementsfont-size. |
initial | Diese Eigenschaft auf ihren Standardwert setzen. |
inherit | Bei der Vererbung, wenn das line-Wenn die height Eigenschaft numerische Werte verwendet, wird das übergeordnete Element den angegebenen Wert übernehmen, anstatt den berechneten Wert der Eigenschaft. Ein negativer Wert ist nicht erlaubt. Wenn Sie jedoch einen Prozentsatzwert verwenden, wird der übergeordnete Element das berechnete Wert der Eigenschaft übernehmen, anstatt den angegebenen Prozentsatzwert. Ebenso ist ein negativer Wert nicht erlaubt. |
line-Die Kompatibilität der height Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Text.