Mengatur spasi menggunakan CSS.

Pada artikel kali ini saya mengulas tentang cara mengatus spasi antara karakter atau huruf, mengatur jarak atau spasi antara kata, dan mengatur jarak baris kalimat, pada artikel ini kita akan mengenal letter-spacing yang berfungsi untuk mengatur spasi atau jarak antar karakter / huruf, kemudian word-spacing yang berfungsi untuk mengatur jarak antara kata yang terdapat pada artikel, dan yang terakhir kita mengenal line-height yang berfungsi untuk mengatur jarak antara baris pada kalimat yang terdapat pada artikel blog. Baiklah berikut ini contoh penerapan kode css untuk mengatur jarak antara, huruf, kata, dan kalimat.

Mengatur spasi menggunakan CSS.
Contoh penggunaan letter-spacing

Mengatur jarak antara huruf menggunakan letter-spacing

Bentuk penerapan atau contoh penulisan kode css letter-spacing seperti contoh diatas :
letter-spacing:10.6pt;

Contoh penggunaan word-spacing

Mengatur jarak antara kata menggunakan word-spacing

Bentuk penerapan atau contoh penulisan kode css word-spacing seperti contoh diatas :
word-spacing: 20.2pt;

Contoh penggunaan line-height

Mengatur jarak antara baris menggunakan line-height
Mengatur jarak antara kata menggunakan word-spacing
Mengatur jarak antara huruf menggunakan letter-spacing.

Bentuk penerapan atau contoh penulisan kode css line-height seperti contoh diatas :
line-height: 3.2;

Demikian saja ulasan singkat saya pada kesempatan kali ini, semoga bermanfaat dan terimakasih atas kunjungannya, jika Anda rasa artikel ini menarik silahkan berbagi keteman-teman Anda melalui tombol sosial media yang telah saya sediakan dibawah, jika memiliki banyak waktu baca juga artikel lainnya pada lebel Desain.

Share this:

 
Copyright © Babble of Ibnoec. Designed by OddThemes