Style letterSpacing-ominaisuus

Määrittely ja käyttö

letterSpacing Aseta tai palauta tekstin merkkien välinen etäisyys (merkkietäisyys).

Vinkki:Jos haluat asettaa tai palauttaa tekstin sanien välistä etäisyyden (sanaetäisyys), käytä wordSpacing-ominaisuus.

Lisäksi katso:

CSS opetusohjelma:CSS-teksti

CSS viittausopas:letter-spacing-ominaisuus

Esimerkki

Esimerkki 1

Aseta <p> -elementin merkkien välinen etäisyys 15 pikseliin:

document.getElementById("myP").style.letterSpacing = "15px";

Kokeile itse

Esimerkki 2

Negatiivisten arvojen käyttö:

document.getElementById("myP").style.letterSpacing = "-2px";

Kokeile itse

Esimerkki 3

Palauttaa <p> -elementin kirjainvälinen etäisyys:

alert(document.getElementById("myP").style.letterSpacing);

Kokeile itse

Esimerkki 4

letterSpacing-ominaisuuden ja wordSpacing-ominaisuuden ero:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

Kokeile itse

Syntaksi

Palauta letterSpacing-ominaisuus:

object.style.letterSpacing

Aseta letterSpacing-ominaisuus:

object.style.letterSpacing = "normal|length|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
normal Merkkien välinen normaalinen etäisyys. Oletus.
length Määritä etäisyys pituusyksiköillä. Sallitaan negatiiviset arvot.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä otetaan tämä ominaisuus perimään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: normal
Palautusarvo: merkkijono, joka ilmaisee tekstin merkkien välistä etäisyyttä.
CSS versio: CSS1

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki