HTML-DOM-Art-lineheight Eigenschaft
Style - Objekte Definition und Verwendung
Lineheight-Eigenschaft legt oder gibt den Abstand zwischen Textzeilen.
Grammatik
Einstellen Eigenschaften lineheight:
Object.style.lineHeight="normal|number|length|%|inherit"
Zurück lineheight Eigenschaften:
Object.style.lineHeight
| 值 | 描述 |
|---|---|
| normal | 默认。设置合理的行间距。 |
| number | 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 |
| length | 使用 px、cm 等单位定义行间距。 |
| % | 定义行间距为当前字体尺寸的百分比。 |
| inherit | lineHeight 属性的值从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen lineheight Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Beispiele
Beispiele
Ändern Sie die Zeilenhöhe:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
</ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Ändern Zeilenhöhe </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text.
</ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Ändern Zeilenhöhe </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte