letter-spacing-Ominaisuus ohjaa määrän väli jokaisen kirjeen tietyssä elementti tai lohko tekstiä. Tukemiin letter-spacingarvoihin kuuluvat kirjasimen suhteelliset arvot (em, rem), vanhempien suhteelliset arvot (prosenttiosuus), absoluuttiset arvot (px) ja normalominaisuus, joka palautetaan fontin oletusasetukseksi.
Kirjasinsuhteellisten arvojen käyttöä suositellaan, jotta letter-spacingkasvaa tai pienenee asianmukaisesti, kun kirjasinkokoa muutetaan joko suunnittelun tai käyttäjän käyttäytymisen mukaan.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Tärkein huomioitava asia käytettäessä letter-spacingon, että määritetty arvo ei muuta oletusarvoa, se lisätään selaimen käyttämään oletusväliin (kirjasintietojen perusteella). letter-spacingtukee myös negatiivisia arvoja, jotka kiristävät tekstin ulkonäköä sen sijaan, että löysentävät sitä.
Kiinnostavat paikat
- Alipikseliarvot: useimmissa selaimissa arvon määrittäminen, joka laskee pienemmäksi kuin
1px, johtaa siihen,letter-spacingettä sitä ei käytetä. Tällä hetkellä Firefox 14+ ja IE 10 tukevat alipikselien asettelua; Opera ja WebKit eivät. Laastari on laskeutunut, joten WebKit tukee nyt alipikselien kirjainten väliä. letter-spacingOmaisuus on animatable CSS siirtymiä.- Yksi tapa torjua inline-lohkoelementtien välistä tilaa on asettaminen
letter-spacing: -4px;inline-block-elementtien pääsäiliöön. Tämän jälkeen sinun on nollattavaletter-spacing: normal;alielementit. - Pieniä kirjaimia on harvoin, jos koskaan, hyvä kirjoittaa.
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Toimii | Toimii | Toimii | Useimmat | Toimii | Toimii | Toimii |
Huomautus mobiiliselainten tuesta: jotkin Opera Mobilen versiot, epätyypilliset WebKit-toteutukset ja NetFront-selain eivät tue letter-spacing. Yksityiskohdat on kuvattu yllä olevassa QuirksMode-linkissä.