Sifat CSS line-height

Definisi dan penggunaan

Sifat line-height menentukan jarak antara baris (tinggi baris).

Komen:Tidak diizinkan untuk digunakan nilai negatif.

Penerangan

Sifat ini akan mempengaruhi tata letak bingkai baris. Ketika diterapkan ke elemen blok, ia menentukan jarak minimum antara garis dasar bukan jarak maksimum.

Perbezaan antara nilai kira line-height dengan font-size (dalam CSS disebut 'jarak baris') dibahagikan ke dua, dan ditambahkan ke atas dan bawah kandungan baris teks. Kandungan yang paling kecil yang boleh mengandungi kandungan ini adalah bingkai baris.

Nilai nombor asal menentukan faktor skala, generasi berikutnya akan mewarisi faktor skala ini daripada nilai kira.

Lihat juga:

Panduan Belajar CSS:Teks CSS

Panduan Referensi HTML DOM:Sifat lineHeight

Contoh

Atur tinggi baris dalam persen:

p.small {line-height:90%}
p.big {line-height:200%}

Cuba sendiri

（boleh dilihat lebih banyak contoh di bawah halaman ini）

Rujukan sintaks CSS

line-height: normal|number|length|initial|inherit;

Nilai sifat

Nilai Penerangan
normal Lalai. Atur jarak baris yang wajar.
number Atur nombor, nombor ini akan dihabiskan dengan saiz font semasa untuk mengatur jarak baris.
length Atur jarak baris tetap.
% Persen jarak baris berdasarkan saiz font saat ini.
inherit Ditetapkan supaya nilai line-height diserahkan dari elemen induk.

Butir teknologi

Nilai lalai: normal
Inheren: yes
Versi: CSS1
Rujukan sintaks JavaScript: object.style.lineHeight="2"

Contoh TIY

Atur jarak baris menggunakan persen
Contoh ini memperlihatkan bagaimana untuk mengatur jarak baris dalam paragraf menggunakan persen.
Atur jarak baris menggunakan nilai piksel
Contoh ini memperlihatkan bagaimana untuk mengatur jarak baris dalam paragraf menggunakan nilai piksel.
Atur jarak baris menggunakan nombor
Contoh ini memperlihatkan bagaimana untuk mengatur jarak baris dalam paragraf menggunakan nombor.

Pembiayaan pelayar

Nombor dalam tabel menunjukkan versi paling awal penggunaan browser yang mendukung sifat ini.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0