letter-spacingVlasništvo kontrolira količinu prostora između svakog slova u određenom elementu ili blok teksta. Vrijednosti podržane letter-spacinguključuju relativne vrijednosti fonta (em, rem), roditeljske vrijednosti (postotak), apsolutne vrijednosti (px) i normalsvojstvo, koje se resetira na zadani font.
Preporučuje se korištenje relativnih vrijednosti fonta, tako da se odgovarajuće letter-spacingpovećava ili smanjuje kada se promijeni veličina fonta, bilo dizajnom ili ponašanjem korisnika.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Najvažnija napomena koju treba imati na umu prilikom upotrebe letter-spacingjest da navedena vrijednost ne mijenja zadani, doda se zadanom razmaku koji primjenjuje preglednik (na temelju mjernih podataka fonta). letter-spacingtakođer podržava negativne vrijednosti, koje će pojačati izgled teksta, umjesto da ga popuste.
Točke interesa
- Vrijednosti subpiksela: u većini preglednika, specificiranje vrijednosti koja se izračunava na manje od,
1pxneće rezultiratiletter-spacingprimjenom. Trenutno Firefox 14+ i IE 10 podržavaju raspored podpiksela; Opera i WebKit ne rade. Zakrpa je sletjela, tako da WebKit sada podržava razmak slova u subpikselima. letter-spacingImovina je animatable sa CSS prijelazi.- Jedan od načina borbe protiv prostora između ugrađenih elemenata bloka je postavljanje
letter-spacing: -4px;na nadređeni spremnik elemenata umetnutog bloka. Tada ćete trebati resetiratiletter-spacing: normal;podređene elemente. - Rijetko je ili je uopće dobra ideja pisati razmakom mala slova.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Najviše | Djela | Djela | Djela |
Napomena o podršci za mobilni preglednik: neke verzije Opera Mobile, nestandardne implementacije WebKit-a i preglednik NetFront ne podržavaju letter-spacing. Specifičnosti su detaljno opisane na gornjoj poveznici QuirksMode.