Style letterSpacing özelliği

Tanım ve Kullanım

letterSpacing Özellik, metinde karakter arasındaki aralığı (harf aralığı) ayarlar veya döndürür.

İpucu:Metinde kelimeler arasındaki aralığı (kelime aralığı) ayarlamak veya döndürmek için wordSpacing özelliği.

Ayrıca bakınız:

CSS Eğitimi:CSS metin

CSS Referans Kılavuzu:letter-spacing özelliği

Örnek

Örnek 1

<p> elementi içinde karakter arasındaki aralığı 15 piksel olarak ayarlamak:

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

Kişisel olarak deneyin

Örnek 2

Negatif değer kullanmak:

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

Kişisel olarak deneyin

Örnek 3

Dönüş <p> elementinin harf aralığı:

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

Kişisel olarak deneyin

Örnek 4

letterSpacing özelliği ile wordSpacing özelliği arasındaki fark:

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

Kişisel olarak deneyin

Gramer

letterSpacing özelliğini döndürmek:

object.style.letterSpacing

letterSpacing özelliğini ayarlamak:

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

Özellik değeri

Değer Tanım
normal Karakter arasındaki normal aralık. Varsayılan.
length Uzunluk birimi ile aralık tanımlar. Negatif değerlere izin verilir.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: normal
Dönüş değeri: Metinde karakter arasındaki boşluğu belirten bir dize.
CSS sürümü: CSS1

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek