letter-spacingProprietatea controlează cantitatea de spațiu între fiecare literă într - un anumit element sau bloc de text. Valorile acceptate de acestea letter-spacinginclud valori relative pentru font (em, rem), valori relative pentru părinți (procent), valori absolute (px) și normalproprietatea, care se resetează la valoarea implicită a fontului.
Se recomandă utilizarea valorilor relative ale fontului, astfel încât letter-spacingcreșterea sau scăderea corespunzătoare atunci când dimensiunea fontului este modificată, fie prin design, fie prin comportamentul utilizatorului.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Cel mai important punct de reținut atunci când se utilizează letter-spacingeste că valoarea specificată nu modifică valoarea implicită, este adăugată la spațiul implicit pe care îl aplică browserul (pe baza valorilor fontului). letter-spacingacceptă, de asemenea, valori negative, care vor strânge aspectul textului, mai degrabă decât slăbirea acestuia.
Puncte de interes
- Valori de subpixeli: în majoritatea browserelor, specificarea unei valori care se calculează la mai puțin decât
1pxva avea ca rezultatletter-spacingaplicarea. În prezent Firefox 14+ și IE 10 acceptă aspectul subpixelilor; Opera și WebKit nu. Patch-ul a aterizat, astfel încât WebKit acceptă acum spațierea literelor subpixeli. letter-spacingProprietatea este animatable cu CSS Tranziții.- Una dintre modalitățile de a lupta împotriva spațiului dintre elementele blocului inline este setarea
letter-spacing: -4px;pe containerul părinte al elementelor blocului inline. Va trebui apoi să resetațiletter-spacing: normal;elementele copil. - Este rareori, dacă vreodată, o idee bună să scrieți litere mici cu litere mici.
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lucrări | Lucrări | Lucrări | Cel mai | Lucrări | Lucrări | Lucrări |
O notă cu privire la suportul browserului mobil: unele versiuni de Opera Mobile, implementările non-standard WebKit și browserul NetFront nu acceptă letter-spacing. Specificațiile sunt detaliate în linkul QuirksMode de mai sus.