CSS letter-spacing ominaisuus

Määrittely ja käyttö

letter-spacing-ominaisuus lisää tai vähentää kirjasinten välillä olevaa tilaa (kirjasinten välistä etäisyyttä).

Tämä ominaisuus määrittää kuinka paljon tilaa lisätään tekstin kirjasinkuvioiden välille. Koska kirjasinkuvat ovat yleensä leveämpiä kuin niiden kirjasinkuviot, pituusarvon määrittäessä muutetaan kirjasinten välistä yleistä etäisyyttä. Siksi 'normal' on sama kuin arvo 0.

Huomautus:Negatiivisten arvojen käyttö sallii kirjasinten tiivistämisen.

Katso myös:

CSS-opetusohjelma:CSS teksti

HTML DOM -viittausoppikirja:letterSpacing-ominaisuus

Esimerkki

Aseta h1- ja h2-elementtien kirjasinten välistä etäisyyttä:

h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}

Kokeile itse

CSS-kieli

letter-spacing: normal|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
normal Oletus. Määritä, että kirjasinten välillä ei ole lisätilaa.
length Määritä kirjasinten välinen vakio tila (sallitaan negatiiviset arvot).
inherit Määritä, että letter-spacing-ominaisuuden arvo tulee perittävänä isältä elementiltä.

Tekninen tarkistus

Oletusarvo: normal
Perintä: kyllä
Versio: CSS1
JavaScript-kieli: object.style.letterSpacing="3px"

Lisää esimerkkejä

Määritä kirjasinten välistä etäisyys (kirjasinten väli)
Tämä esimerkki näyttää, miten voit lisätä tai vähentää kirjasinten välistä etäisyyttä.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5