Atribut CSS line-height

Definisi dan penggunaan

Atribut line-height menentukan jarak antar baris (tinggi baris).

Komentar:Tidak diizinkan untuk menggunakan nilai negatif.

Keterangan

Atribut ini akan mempengaruhi tata letak kerangka baris. Saat diterapkan ke elemen blok, ini menentukan jarak minimal antara garis dasar bukan jarak maksimal.

Perbedaan antara nilai hitung line-height dan font-size (di CSS disebut jarak antar baris) dibagi dua, dan masing-masing ditambahkan ke atas dan bawah konten baris teks. Kerangka yang paling kecil yang dapat mengandung konten ini adalah kerangka baris.

Nilai angka asli menentukan faktor skala, elemen turunan akan mewarisi faktor skala ini daripada nilai yang dihitung.

Lihat pula:

Panduan CSS:Teks CSS

Panduan Referensi HTML DOM:Atribut lineHeight

Contoh

Atur tinggi baris dengan persen:

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

Coba sendiri

（Lihat lebih banyak contoh di bawah halaman ini）

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
normal Default. Atur jarak antar baris yang masuk akal.
number Atur angka, angka ini akan dikalikan dengan ukuran font saat ini untuk mengatur jarak antar baris.
length Atur jarak antar baris tetap.
% Persen jarak antar baris berdasarkan ukuran font saat ini.
inherit Aturan untuk mendaftarkan nilai line-height dari elemen induk.

Detil teknis

Nilai default: normal
Inheritance: yes
Versi: CSS1
Syntaks JavaScript: object.style.lineHeight="2"

Contoh TIY

Mengatur jarak antar baris menggunakan persen
Contoh ini menunjukkan bagaimana menggunakan persen untuk mengatur jarak antar baris paragraf.
Mengatur jarak antar baris menggunakan nilai piksel
Contoh ini menunjukkan bagaimana menggunakan nilai piksel untuk mengatur jarak antar baris paragraf.
Mengatur jarak antar baris menggunakan angka
Contoh ini menunjukkan bagaimana menggunakan angka untuk mengatur jarak antar baris paragraf.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

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