letter-spacingTesiste verilen element veya metin bloğundaki her harfin arasındaki boşluk miktarını kontrol eder. Desteklediği letter-spacingdeğerler arasında yazı tipine bağlı değerler (em, rem), üst öğe ile ilgili değerler (yüzde), mutlak değerler (px) ve normalfontun varsayılanına sıfırlanan özellik bulunur.
Yazı tipine bağlı değerlerin kullanılması önerilir, böylece letter-spacingyazı tipi boyutu tasarım veya kullanıcı davranışı nedeniyle değiştirildiğinde uygun şekilde artar veya azalır.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Kullanırken dikkat edilmesi gereken en önemli nokta, letter-spacingbelirtilen değerin varsayılanı değiştirmemesi, tarayıcının uyguladığı varsayılan aralığa (yazı tipi ölçülerine göre) eklenmesidir. letter-spacingayrıca metnin gevşetmek yerine görünümünü sıkılaştıran negatif değerleri de destekler.
İlgi noktaları
- Alt piksel değerleri: Çoğu tarayıcıda, daha azını hesaplayan bir değerin belirtilmesi , uygulanmamasıyla
1pxsonuçlanacaktırletter-spacing. Şu anda Firefox 14+ ve IE 10 alt piksel düzenini desteklemektedir; Opera ve WebKit bunu yapmaz. Yama indirildi, bu nedenle WebKit artık alt piksel harf aralığını destekliyor. letter-spacingMülkiyet CSS Geçişleri Olan canlandırılabilir olduğunu.- Satır içi blok öğeleri arasındaki boşluğa karşı savaşmanın yollarından biri, satır içi blok öğelerinin
letter-spacing: -4px;üst konteynerini ayarlamaktır . Daha sonraletter-spacing: normal;alt öğeleri sıfırlamanız gerekecektir . - Boşluktaki küçük harfleri yazmak nadiren iyi bir fikirdir.
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| İşler | İşler | İşler | Çoğu | İşler | İşler | İşler |
Mobil tarayıcı desteği ile ilgili bir not: Opera Mobile'ın bazı sürümleri, standart olmayan WebKit uygulamaları ve NetFront tarayıcısı desteklemez letter-spacing. Özellikler yukarıdaki QuirksMode bağlantısında detaylandırılmıştır.