31/01/2016

Properti CSS Letter-Spacing (Jarak Antar Teks)

31/01/2016

Browser biasanya memiliki peraturan dasar dalam menentukan jarak atau spasi antara karakter teks berdasarkan jenis font. Namun kita dapat merubah peraturan standar browser dengan menggunakan CSS Letter Spacing. Namun tentu saja kita harus tetap memperhatikan kenyamanan pembaca.

Fungsi CSS Letter Spacing :: Mengatur Jarak atau Spasi Antar Teks

CSS Letter Spacing berfungsi untuk mengatur jarak / spasi antar satu huruf dengan huruf yang lain. CSS Letter Spacing digunakan untuk gaya penulisan huruf (biasanya untuk penulisan judul) agar jarak / spasi masing-masing huruf tampak lebih rapat dan atau justru tampak lebih renggang.
CSS Letter Spacing Nilai/Value CSS Letter Spacing
  1. normal
  2. ukuran Lenght (panjang) (px, pt, em, dll)
  3. inherit
Nilai positif akan menghasilkan jarak / spasi antar huruf menjadi lebih renggang sementara nilai negatif akan menghasilkan jarak / spasi antar huruf menjadi lebih rapat.
Contoh Sintaks CSS Letter Spacing

Sintaks CSS

span {letter-spacing: normal}
span {letter-spacing: 3px}
span {letter-spacing: inherit}
Contoh Penerapan CSS Letter Spacing Di bawah ini saya sertakan contoh penggunaan CSS Letter Spacing dari dua kriteria nilai. Tag span menggunakan nilai positif sementara tag div menggunakan nilai negatif.

Kembali ke CSS Font dan Teks