English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS line-height 属性使用方法及示例

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"

line-height Syntax

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.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
normalDie Standardwerte für Desktop-Browser betragen etwa1.2, abhängig vom Elementfont-family. Dies ist der Standardwert.
numberEine Zahl, die mit dem Element multipliziert wirdfont-sizeUm line-height.
lengthEinheiten wie px, pt, cm, em usw. Ein negativer Zeilenabstand ist nicht erlaubt.
percentageDie Methode der Verwendung von Prozentsätzen ist ähnlich wie bei numerischen Werten-Der berechnete Wert der Eigenschaft entspricht dem angegebenen Prozentsatzwert des Elementsfont-size.
initialDiese 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.

Browserkompatibilität

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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Text.

Verwandte Eigenschaften:font,font-size.