Mengatur Jarak Antar Baris Teks dengan CSS - Jarak antar baris teks secara default akan menyesuaikan dengan elemen yang digunakan, misalnya jarak antar teks menggunakan elemen h1 berbeda dengan h2, h3,h4 maupun p. Banyak cara untuk mengatur jarak antar baris teks yang dapat digunakan.
Berikut adalah berbagai macam pengaturan jarak antar baris teks dengan CSS.
Mengubah tinggi barsi dengan line-height
Pada dasarnya jarak antar baris teks sudah ada nilai defaulnya, dan jaraknya bisa dilihat pada gambar diatas. Jarak antar baris teks dapat kita ubah dengan line-hight. nilai line-height dafault adalah 1, jika kita ingin 2 kali lipat maka kita harus memberi nilai 3 dan seterusnya. Perhatikan script css dan gambar dibawah ini.
p{ line-height: 3.0; }
Mengatur jarak antar elemen teks
Jarak antar elemen teksdapat kita atur sesuai dengan keinginan, setiap elemen mempunyai jarak antar baris teks default, namun dengan mengatur margin kita dapat merubanya sesaui dengan keiginan. Perhatikan script css dan gambar dibawah ini.
h1{ margin-bottom: 0; }
h1+p{ margin-top: 0; }
h1+p{ margin-top: 0; }
Cukup sekian postingan dari saya tentang Mengatur Jarak Antar Baris Teks dengan CSS. Semoga bermanfaat dan terima kasih.
Posting Komentar