A letter-spacingtulajdonság szabályozza az egyes betűk közötti hely nagyságát egy adott elemben vagy szövegblokkban. A támogatott értékek letter-spacingtartalmazzák a betűtípus-relatív értékeket (em, rem), a szülő-relatív értékeket (százalék), az abszolút értékeket (px) és a normaltulajdonságot, amely visszaáll a betűtípus alapértelmezett értékére .
A betűkészlet-relatív értékek használata ajánlott, hogy letter-spacinga betűméret megváltoztatásakor a tervezés vagy a felhasználói viselkedés megfelelően növekedjen vagy csökkenjen.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )A használat során a legfontosabb szempont, letter-spacinghogy a megadott érték nem változtatja meg az alapértelmezett értéket, és hozzáadódik a böngésző által alkalmazott alapértelmezett térközhöz (a betűtípusok alapján). letter-spacingtámogatja a negatív értékeket is, amelyek szigorítják a szöveg megjelenését, nem pedig lazítják.
Látványosság
- Subpixel értékek: a legtöbb böngészőben olyan érték megadása, amelynek értéke kisebb, mint az,
1pxazt eredményezi,letter-spacinghogy nem alkalmazzák. A Firefox 14+ és az IE 10 jelenleg támogatja az alképek elrendezését; Az Opera és a WebKit nem. A javítás landolt, ezért a WebKit mostantól támogatja az alpixeles betűközöket. - Az
letter-spacingingatlan CSS Transitions segítségével animálható. - Az inline blokk elemek közötti tér elleni küzdelem egyik módja az inline blokk elemek
letter-spacing: -4px;szülőtartályának beállítása . Ezután vissza kell állítanialetter-spacing: normal;a gyermek elemeket. - Ritkán, ha valaha is jó ötlet kisbetűket betűvel írni.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Művek | Művek | Művek | A legtöbb | Művek | Művek | Művek |
Megjegyzés a mobil böngésző támogatásáról: az Opera Mobile egyes verziói, a nem szabványos WebKit implementációk és a NetFront böngésző nem támogatják letter-spacing. A részleteket a fenti QuirksMode link részletezi.