Obiekt HTML DOM Style lineHeight
Definicja i Wykorzystanie
lineHeight zestawy własności lub zwraca odległość między wierszami tekstu.
gramatyka
Ustawianie właściwości lineHeight:
Object.style.lineHeight="normal|number|length|%|inherit"
Właściwości Powrót lineHeight:
Object.style.lineHeight
值 | 描述 |
---|---|
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |
length | 使用 px、cm 等单位定义行间距。 |
% | 定义行间距为当前字体尺寸的百分比。 |
inherit | lineHeight 属性的值从父元素继承。 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują właściwość lineHeight.
Uwaga: IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 zapewnia tylko! DOCTYPE obsługiwany "dziedziczą". Wsparcie IE9 "dziedziczą".
Przykłady
Przykłady
Zmiana wysokości wiersza:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
</ Div>
Największa
<Button type = "button" onclick = "displayResult ()"> Modyfikuj Wysokość wiersza </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
</ Div>
Największa
<Button type = "button" onclick = "displayResult ()"> Modyfikuj Wysokość wiersza </ button>
</ Body>
</ Html>
Spróbuj »
styl Przedmioty