Jumat, Juli 23, 2021
BerandaTutorial Belajar CSSCara Mengatur Jarak Spasi dalam Paragraf HTML Dengan CSS

Cara Mengatur Jarak Spasi dalam Paragraf HTML Dengan CSS

dalam tutorial belajar css kali ini kita akan belajar membuat cara mengatur jarak spasi antara baris, jarak dari baris satu ke baris dua.
tutorial-css-09

Mengatur Jarak Spasi dalam Paragraf menggunakan line-height

untuk mengatur jarak spasi antara baris satu dengan baris dibawahnya dalam css kita bisa memakai property line-height.
line-height berfungsi untuk mengatur tinggi antara baris dalam paragraf. jika kita sudah membuat paragraf dengan html kita bisa mengatur jarak spasi dalam paragraf ini dengan css.
fungsi dari pembuatan jarak spasi ini adalah untuk memudahkan tulisan untuk dibaca. jika spasinya terlalu rapat pasti akan sulit untuk dibaca.
yang sudah pernah menyusun laporan tugas akhir pasti sudah sering mendengar fungsi dari spasi ini.
Nilai/value dari propert line-height dapat memakai nilai pixel, persen, em, atau angka (tanpa satuan). Berikut adalah contoh penulisannya:

Menghitungan Nilai line-height

untuk menentukan nilai line-height kita harus tau dulu perhitungan nilainya. misalnya font-size sebesar 14px, line-height sebesar 18px, maka jarak spasi 18px-14px= 4px
namun perhitungan nilai ini tidak perlu dipikirkan karena penentuan nilai ini bebas, kita bisa memakai 100px, 200px jika kita mau. tidak ada ketentuan khusus untuk penentuannya.

Tutorial Mengatur Jarak Spasi Paragraf (line-height)

untuk memperjelas maksud dan tujuan dari properti line-hieght kita akan masuk ke tutorialnya, untuk lebih jelas silakan lihat contoh dibawah ini:

Contoh Membuat Jarak Spasi Paragraf

Pada Paragraf pertama dalam contoh diatas saya memakai nilai line-height default. sedangkan pada paragraf lainnya saya menentukan dengan satuan nilai yang berbeda.
fungsi spasi dan koma pada css, mengatur spasi, mengatur spasi html

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular