Den letter-spacingegenskab styrer mængden af plads mellem hvert bogstav i et givet element eller blok af tekst. Værdier, der understøttes af letter-spacinginkluderer fontrelative værdier (em, rem), moderrelative værdier (procent), absolutte værdier (px) og normalegenskaben, der nulstilles til skrifttypens standard.
Brug af fontrelaterede værdier anbefales, så letter-spacingstigningen eller formindskelsen sker korrekt, når fontstørrelsen ændres, enten ved design eller ved brugeradfærd.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Det vigtigste punkt, der skal bemærkes, når du bruger, letter-spacinger, at den angivne værdi ikke ændrer standard, det føjes til standardafstanden, som browseren anvender (baseret på skrifttypen). letter-spacingunderstøtter også negative værdier, som vil stramme udseendet af tekst i stedet for at løsne den.
Interessepunkter
- Underpixelværdier: i de fleste browsere angives en værdi, der beregner til mindre end
1px, at det ikkeletter-spacingbliver anvendt. I øjeblikket understøtter Firefox 14+ og IE 10 subpixel-layout; Opera og WebKit gør det ikke. Patchen er landet, så WebKit understøtter nu subpixel-brevafstand. - Den
letter-spacingegenskab er animatable med CSS Overgange. - En af måderne til at bekæmpe rummet mellem indbyggede blokelementer er at indstille
letter-spacing: -4px;på overordnet beholder med inline-blokelementer. Du skal derefter nulstilleletter-spacing: normal;underelementerne. - Det er sjældent, hvis nogensinde, en god ide at bogstaver små bogstaver.
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Arbejder | Arbejder | Arbejder | Mest | Arbejder | Arbejder | Arbejder |
En note om understøttelse af mobilbrowser: nogle versioner af Opera Mobile, ikke-standardiserede WebKit-implementeringer og NetFront-browseren understøtter ikke letter-spacing. Specifikationerne er detaljeret i QuirksMode-linket ovenfor.