letter-spacingĪpašums kontrolē daudzumu telpā starp katra burta dotajā elementā vai teksta bloka. Atbalstītās vērtības letter-spacingietver fonta relatīvās vērtības (em, rem), vecāku relatīvās vērtības (procentos), absolūtās vērtības (px) un normalrekvizītu, kas atiestata uz fonta noklusējumu.
Ieteicams izmantot fontu relatīvās vērtības, lai, letter-spacingmainot fonta lielumu, atbilstoši noformējumam vai lietotāja uzvedībai atbilstoši palielinātu vai samazinātu.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Vissvarīgākais punkts, kas jāņem vērā, lietojot, letter-spacingir tas, ka norādītā vērtība nemaina noklusējumu, tā tiek pievienota noklusējuma atstarpei, kuru lieto pārlūks (pamatojoties uz fontu metriku). letter-spacingatbalsta arī negatīvās vērtības, kas nostiprinās teksta izskatu, nevis to atslābinās.
Apskates vietas
- Apakšpunktu vērtības: lielākajā daļā pārlūkprogrammu, norādot vērtību, kas tiek aprēķināta ar mazāku vērtību,
1pxnetiksletter-spacinglietota. Pašlaik Firefox 14+ un IE 10 atbalsta apakšpikseļu izkārtojumu; Opera un WebKit to nedara. Plāksteris ir nokļuvis, tāpēc WebKit tagad atbalsta apakšpikseļu burtu atstarpi. letter-spacingĪpašums ir animatable ar CSS pārejām.- Viens no veidiem, kā cīnīties pret atstarpi starp inline bloka elementiem, ir iestatīšana
letter-spacing: -4px;uz inline-block elementu vecāku konteinera. Pēc tam jums būs jāatjaunoletter-spacing: normal;bērnu elementi. - Reti, ja kādreiz, ir laba ideja atstarpēt mazos burtus.
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Darbi | Darbi | Darbi | Lielākā daļa | Darbi | Darbi | Darbi |
Piezīme par mobilo pārlūku atbalstu: dažas Opera Mobile versijas, nestandarta WebKit ieviešana un NetFront pārlūks neatbalsta letter-spacing. Specifika ir detalizēta iepriekšminētajā saitē QuirksMode.