line-height

Properti CSS line-height digunakan untuk mengatur ketinggian kotak garis elemen atau jarak antara dua garis baseline berdekatan.

Dengan kata lain, properti ini digunakan untuk mengatur jumlah ruang di atas dan di bawah elemen inline (elemen yang memiliki display: inline atau display: inline-block).

Perbedaan antara tinggi konten dan tinggi baris yang ditentukan disebut “leading”.

Properti line-height dapat menerima keyword nilai normal atau none sama dengan angka, panjang, atau persentase.

Menurut spec, nilai “normal” bukan hanya nilai konkret tunggal yang diterapkan euntuk semua elemen, tetapi lebih menghitung nilai “wajar” tergantung pada ukuran font yang ditetapkan pada elemen.

Nilai panjang dapat didefinisikan menggunakan unit CSS yang valid (px, em, rem, dll).

CSS Syntax

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

JavaScript Syntax

object.style.lineHeight="30px"

Attribute Value