B.4.1.9. Letter Spacing

Pada chapter sebelumnya, kita telah membahas tentang bagaimana caranya memberikan jarak antar baris pada sebuah teks. Di dalam CSS, kita juga bisa memberikan jarak antar huruf dengan menggunakan properti letter-spacing.

Mengacu pada penjelasan di atas propertiletter-spacing digunakan untuk mengatur jarak antar huruf. temen-temen bisa menggunakan normal atau mengatur jarak secara spesifik dengan satuan px dan em. Sebagai contoh temen-temen bisa perhatikan kode di bawah ini:

index.html

<h1 class="normal-spacing">Example Text</h1>
<h1 class="modified-spacing">Example Text</h1>

style.css

.modified-spacing {
  letter-spacing: 1rem; /* 1rem = 16px */
}

Jika kita buka di web browser maka akan terlihat perbedaan di antara keduanya.

---

info

Source code pada chapter ini tersedia di GitHub
https://github.com/mframadann/webdev-dasar-example/tree/main/b-css/chapter-B.4-properti-css/B.4.1-text-styling/B.4.1.9-letter-spacing

Mmm apakah halaman ini membantu🤔?

Ayo share tentang pengalaman belajarmu!