Letter spacing property berfungsi untuk mengatur spasi antar karakter. Ini mungkin akan sangat bermanfaat bagi anda ketika menggunakan teks/font berukuran besar (heading) seperti yang digunakan untuk blog title (nama blog), post title (judul posting) dan teks posting lain yang berukuran cukup besar. Membuatnya dalam nilai negative akan membuat teks menjadi lebih rapat sehingga teks dapat diperpendek dan ini sangat penting untuk mensiasati lebar kolom/ruang yang tersedia.
Fungsi dan Penggunaan
Berfungsi untuk memperbesar atau memperkecil jarak antar karakter (spasi) teks.- Value » normal | <length>
- Initial » normal
- Applies to » all elements
- Inherited » yes
- Percentage values » N/A
Deklarasi letter-spacing property
letter-spacing: value; letter-spacing: ..px; letter-spacing: ..em;
Contoh penggunaan letter-spacing property
h1{
letter-spacing:-2px;
}
h3.post-title{
font:normal 22px Arial;
letter-spacing:-1px;
}
p.spesial{
letter-spacing:-1px;
}Dengan mengatur besaran nilai letter-spacing (baik nilai positif atau negatif), memungkinkan berbagai pengaturan baru terhadap jarak antar karakter dalam kalimat/teks sehingga dimungkinkan juga untuk mensiasati keterbatasan ruang atau berbagai alasan yang lain. Di bawah ini telah disertakan beberapa demo penggunaan letter-spacing dalam elemen yang berbeda. Edit kode atau buat kode yang lain sebagai pembanding sekaligus untuk mengetahui lebih jauh tentang leter-spacing dan cara menggunakannya dalam kode css dan html.
Please click the button to display. Continue with editing code and click to see the results!
Tidak ada komentar:
Posting Komentar