The letter-spacingharta mengawal jumlah ruang antara setiap huruf dalam elemen atau blok teks yang diberikan. Nilai yang disokong letter-spacingtermasuk nilai relatif huruf (em, rem), nilai relatif-induk (peratusan), nilai mutlak (px) dan normalharta benda, yang diset semula ke lalai fon.
Digunakan menggunakan nilai relatif huruf, sehingga letter-spacingkenaikan atau penurunan yang tepat ketika ukuran font diubah, baik oleh reka bentuk atau oleh perilaku pengguna.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Titik terpenting yang perlu diperhatikan ketika menggunakan letter-spacingadalah bahawa nilai yang ditentukan tidak mengubah lalai, itu ditambahkan ke jarak lalai yang diterapkan oleh penyemak imbas (berdasarkan metrik fon). letter-spacingjuga menyokong nilai-nilai negatif, yang akan memperketat penampilan teks, daripada melonggarkannya.
Tempat Menarik
- Nilai subpixel: di kebanyakan penyemak imbas, menentukan nilai yang dapat dikira kurang daripada
1pxakan mengakibatkan tidakletter-spacingditerapkan. Pada masa ini Firefox 14+ dan IE 10 menyokong susun atur subpiksel; Opera dan WebKit tidak. Tambalan telah mendarat, jadi WebKit sekarang menyokong jarak huruf subpixel. - Tempat
letter-spacingpenginapan ini boleh digayakan dengan Peralihan CSS. - Salah satu kaedah untuk melawan jarak antara elemen blok sebaris adalah menetapkan
letter-spacing: -4px;pada bekas induk elemen blok sebaris. Anda kemudian perlu menetapkan semulaletter-spacing: normal;elemen anak. - Jarang sekali idea yang baik untuk menuliskan huruf kecil di ruang.
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Berfungsi | Berfungsi | Berfungsi | Paling | Berfungsi | Berfungsi | Berfungsi |
Catatan mengenai sokongan penyemak imbas mudah alih: beberapa versi Opera Mobile, pelaksanaan WebKit tidak standard, dan penyemak imbas NetFront tidak menyokong letter-spacing. Spesifiknya diperincikan dalam pautan QuirksMode di atas.