19/01/2016

Properti CSS Line Height

19/01/2016

Sebuah halaman web yang memiliki paragraf yang telalu panjang dengan banyak teks seringkali membuat pembaca merasa kurang nyaman karena memang secara default browser hanya memiliki nilai tinggi baris yang sedikit sempit. Oleh karena itu CSS Line Height membantu sebuah paragraf dengan banyak baris teks agar lebih mudah dibaca.

Fungsi CSS Line Heigt :: Mengatur Jarak / Spasi Baris atas dan Baris Bawah dalam Paragraf

CSS Line Height berfungsi untuk mengatur tinggi baris dalam sebuah paragraf, yaitu jarak (spasi) antara baris atas dan baris bawah. Artinya, Jika semakin besar nilai yang ditentukan, maka jarak antara baris atas dan baris bawah paragraf akan semakin tampak berjauhan. Sebaliknya, jika semakin kecil nilai yang ditentukan, maka jarak antara baris atas dan baris bawah paragraf akan semakin tampak berdekatan.
CSS Line Height
Contoh Penulisan Sintaks CSS Line Height

Sintaks CSS

line-height: (value/nilai)

Nilai untuk Properti CSS Line Height

  1. normal
  2. lenght , px
  3. nomor
  4. persen, %
  5. inherit
Contoh Penerapan CSS Line Height