tutorial pengembangan web terbaru
 

Style letterSpacing Property

<Style Object

Contoh

Mengatur ruang antara karakter dalam <p> elemen 15 piksel:

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

Definisi dan Penggunaan

The letterSpacing set properti atau mengembalikan ruang antara karakter dalam teks.

Tip: Untuk mengatur atau kembali jarak antara kata-kata dalam sebuah teks, gunakan wordSpacing properti.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti letterSpacing didukung di semua browser utama.


Sintaksis

Kembali properti letterSpacing:

object .style.letterSpacing

Mengatur properti letterSpacing:

object .style.letterSpacing="normal| Nilai properti
Nilai Deskripsi
normal ruang normal antara karakter. Ini adalah default
length Mendefinisikan ruang dalam satuan panjang. nilai negatif diperbolehkan
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: normal
Kembali Nilai: Sebuah String, yang mewakili ruang antara karakter dalam teks
CSS Versi CSS1

Contoh lebih

Contoh

Menggunakan nilai-nilai negatif:

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

Contoh

Kembali jarak surat dari <p> elemen:

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

Contoh

Perbedaan antara properti letterSpacing dan properti wordSpacing:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Text

Referensi CSS: letter-spacing property


<Style Object