Rabu, Juli 21, 2021
BerandaTutorial Belajar CSSCara Mengatur Jarak Spasi Antar Huruf & Kata Pada Text HTML Dengan...

Cara Mengatur Jarak Spasi Antar Huruf & Kata Pada Text HTML Dengan CSS

Untuk mengatur jarak antar huruf pada tulisan (text) dalam halaman html kita bisa memakai property Letter Spacing, dalam CSS properti Letter Spacing ini yang mengatur lebar antar huruf. sedangkan untuk mengatur jarak spasi antar kata dengan kata kita memakai property word-spacing.

Cara Mengatur Jarak / Lebar Spasi Antar Huruf dengan CSS

yang pertama kita bahas jarak antara huruf memakai property letter spacing, seperti fungsinya bahwa property letter spacing digunakan untuk membuat jarah spasi antara huruf atau bisa disebut juga jarak antara satu karakter dengan karakter lainnya.
property letter-spacing memiliki nilai, nilainya bisa ditentukan dengan satuan angka pixel, persen, em dan lainnya. tapi menurut semua reference satuan pixel lah yang paling banyak dipakai.
nilai dalam property line-spacing bisa dibuat antara positif dan juga negatif, dimana kalau nilainya positif akan membuat jarak antar huruf akan smakin lebar. dan sebaliknya jika negatif akan semakin rapat.

Contoh properti line spacing

dari contoh diatas judul dengan tag h1 memakai jarak antar huruf sebesar 5px, sedangkan heading 2 memakai negatif 3px.

Cara Mengatur Jarak / Lebar Spasi Antar Kata

sekarang kita bahas tentang lebar atau jarak antara kata dengan kata, dalam css untuk mengatur jarak antar kata kita bisa memakai property word-spacing.
pengaturan nilanya masih sama dengan line spacing diatas, juga bisa memakai negatif dan positif untuk melebarkan dan merapatkan kata.

Contoh Word Spacing

dari contoh diatas word spacing pada h1 sebesar 10px, makanya terlihat jarak antar katanya lumayan jauh.

Contoh Mengatur Lebar Antar Huruf dan Kata

semoga dengan tutorial singkat ini anda bisa mengerti cara membuat jarak antara huruf dan jarak antara kata dengan menggunakan css.cara membuat spasi text html, cara buat jarak antar huruf, cara membuat jarak tulisan di html, membuat spasi spasi antara text text, mengatu jarak tulisan html

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular