Atribut Style letterSpacing

Definisi dan penggunaan

letterSpacing Atribut mengatur atau mengembalikan jarak karakter dalam teks (jarak huruf).

Petunjuk:Untuk mengatur atau mengembalikan jarak kata dalam teks (jarak kata), gunakan Atribut wordSpacing.

Lihat juga:

Pelajaran CSS:Teks CSS

Panduan CSS:Atribut letter-spacing

Contoh

Contoh 1

Atur jarak karakter antara elemen <p> menjadi 15 pixel:

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

Coba sendiri

Contoh 2

Gunakan nilai negatif:

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

Coba sendiri

Contoh 3

Kembalikan jarak huruf elemen <p>:

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

Coba sendiri

Contoh 4

Perbedaan antara atribut letterSpacing dan wordSpacing:

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

Coba sendiri

Sintaks

Kembalikan atribut letterSpacing:

object.style.letterSpacing

Atur atribut letterSpacing:

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

Nilai atribut

Nilai Deskripsi
normal Jarak normal antara karakter. Standar.
length Didefinisikan dengan satuan panjang. Memungkinkan nilai negatif.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: normal
Nilai kembalian: String, menunjukkan jarak antara karakter dalam teks.
Versi CSS: CSS1

Dukungan peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan