Properti HTML DOM Style lineHeight
Definisi dan Penggunaan
lineHeight set properti atau mengembalikan jarak antara baris teks.
tatabahasa
Pengaturan properti lineHeight:
Object.style.lineHeight="normal|number|length|%|inherit"
Sifat Kembali lineHeight:
Object.style.lineHeight
值 | 描述 |
---|---|
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |
length | 使用 px、cm 等单位定义行间距。 |
% | 定义行间距为当前字体尺寸的百分比。 |
inherit | lineHeight 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti lineHeight.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mengubah tinggi baris:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "Div1") style.lineHeight = "2";
}
</ Script>
</ Kepala>
<Body>
<Div id = "Div1">
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
</ Div>
Situs
<Jenis Tombol = "button" onclick = "displayResult ()"> Modify Row Height </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "Div1") style.lineHeight = "2";
}
</ Script>
</ Kepala>
<Body>
<Div id = "Div1">
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
</ Div>
Situs
<Jenis Tombol = "button" onclick = "displayResult ()"> Modify Row Height </ button>
</ Body>
</ Html>
Coba »
gaya Objects