Contoh
Mengatur tinggi baris dalam persen:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti line-height menentukan tinggi baris.
Note: nilai negatif tidak diizinkan.
| nilai default: | normal |
|---|---|
| mewarisi: | yes |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.lineHeight="30px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Syntax
line-height: normal|number|length|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| normal | Sebuah ketinggian garis normal. Ini adalah default | Mainkan " |
| number | Sebuah angka yang akan dikalikan dengan ukuran font saat ini untuk mengatur tinggi baris | Mainkan " |
| length | Sebuah tinggi baris tetap di px, pt, cm, dll | Mainkan " |
| % | Sebuah tinggi baris di persen dari ukuran font saat ini | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Tentukan ruang antara baris dalam dua paragraf menggunakan nilai pixel.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Cobalah sendiri " Contoh
Tentukan ruang antara baris dalam dua paragraf menggunakan nilai angka.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Cobalah sendiri " Pages terkait
CSS tutorial: CSS Text
Referensi HTML DOM: lineHeight property