Den letter-spacingegenskap styrer mengden av plass mellom hver bokstav i et gitt element eller en blokk med tekst. Verdier som støttes av letter-spacinginkluderer fontrelative verdier (em, rem), relative relative verdier (prosent), absolutte verdier (px) og normalegenskapen, som tilbakestilles til fontens standard.
Det anbefales å bruke skriftrelaterte verdier, slik at letter-spacingøkningen eller formindskingen blir riktig når skriftstørrelsen endres, enten ved design eller brukeradferd.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Det viktigste punktet å merke seg når du bruker, letter-spacinger at verdien som er spesifisert ikke endrer standard, den blir lagt til standardavstanden som nettleseren bruker (basert på skriftmålingene). letter-spacingstøtter også negative verdier, som vil stramme utseendet på teksten i stedet for å løsne den.
Interessepunkt
- Underpikselverdier: i de fleste nettlesere vil en spesifisering av en verdi som beregner til mindre enn
1pxføre til at det ikkeletter-spacingblir brukt. For øyeblikket støtter Firefox 14+ og IE 10 subpixel-layout; Opera og WebKit gjør ikke det. Oppdateringen har landet, så WebKit støtter nå bokstavavstand mellom subpiksler. - Den
letter-spacingegenskapen er animatable med CSS Transitions. - En av måtene å kjempe mot rommet mellom innebygde blokkelementer, er å sette
letter-spacing: -4px;på overordnet beholder med innebygde blokkelementer. Du må da tilbakestilleletter-spacing: normal;barnelementene. - Det er sjelden eller aldri en god ide å skrive små bokstaver med store bokstaver.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Virker | Virker | Virker | Mest | Virker | Virker | Virker |
Et notat om mobilnettleserstøtte: noen versjoner av Opera Mobile, ikke-standardiserte WebKit-implementeringer og NetFront-nettleseren støtter ikke letter-spacing. Spesifikasjonene er detaljert i QuirksMode-lenken ovenfor.