letter-spacingNuosavybė kontroliuoja erdvę tarp kiekvieno laiško dydį tam tikroje elemento arba teksto bloko. Palaikomos reikšmės letter-spacingapima šrifto santykines reikšmes (em, rem), tėvų santykines vertes (procentais), absoliučias vertes (px) ir normalypatybę, kuri atstato numatytąjį šrifto dydį.
Rekomenduojama naudoti šrifto santykines vertes, kad, keičiant letter-spacingšrifto dydį, atsižvelgiant į dizainą arba pagal vartotojo elgseną , atitinkamai padidėtų ar sumažėtų.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Svarbiausias dalykas, į kurį reikia atkreipti dėmesį, letter-spacingyra tai, kad nurodyta reikšmė nekeičia numatytosios, ji pridedama prie numatytojo tarpo, kurį taiko naršyklė (pagal šrifto metriką). letter-spacingtaip pat palaiko neigiamas vertybes, kurios sugriežtins teksto išvaizdą, o ne palengvins jį.
Lankytinos vietos
- Subpixel vertybės: daugelyje naršyklių, nurodant vertę, kuri apskaičiuoja mažiau nei
1pxsukels jokiuletter-spacingtaikomos. Šiuo metu „Firefox 14+“ ir „IE 10“ palaiko subpixelių išdėstymą; „Opera“ ir „WebKit“ to nedaro. Pleistras nusileido, todėl „WebKit“ dabar palaiko subpixelių raidžių tarpus. - Ši
letter-spacingnuosavybė gali būti pritaikyta CSS perėjimams. - Vienas iš būdų kovoti su tarpu tarp įterptųjų blokų elementų yra nustatymas
letter-spacing: -4px;ant įterpiamų blokinių elementų pirminio konteinerio. Tada turėsite iš naujoletter-spacing: normal;nustatyti vaiko elementus. - Retai, jei kada, yra gera mintis rašyti mažąsias raides.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Dauguma | Veikia | Veikia | Veikia |
Pastaba apie naršyklės mobiliesiems palaikymą: kai kurios „Opera Mobile“ versijos, nestandartiniai „WebKit“ diegimai ir „NetFront“ naršyklė nepalaiko letter-spacing. Specifika yra išsamiai aprašyta aukščiau esančioje nuorodoje „QuirksMode“.