The word-spacingharta adalah sama letter-spacing, walaupun secara semula jadi penggunaannya mengawal jumlah ruang antara perkataan dalam sekeping teks, bukan watak-watak individu.
p ( word-spacing: 2em; )word-spacing boleh menerima tiga nilai yang berbeza:
- kata kunci "normal", yang menetapkan semula jarak lalai
- nilai panjang menggunakan mana-mana unit CSS (paling sering px, em, rem)
- kata kunci "mewarisi", yang menerapkan
word-spacingelemen induk
Amalan terbaik pada masa ini adalah menggunakan em. Ukuran fon dapat disesuaikan, jadi menggunakan piksel untuk ini dapat menyebabkan masalah pada jarak antara kata-kata tidak akan skala seperti ukurannya. rembiasanya bagus, tetapi sokongan penyemak imbas lebih rendah dan dalam kes penggunaan ini, kemungkinan jarak jarak jauh sesuai dengan kata-kata yang digunakan, bukan akarnya.
Penting untuk diperhatikan bahawa “kata” dalam konteks ini sebenarnya merujuk kepada sebilangan besar isi sebaris - yang bermaksud word-spacingmempengaruhi inline-blockelemen dan juga inlineelemen. Dalam contoh ini, beberapa elemen semacam itu dijarakkan dengan menetapkan word-spacingbekas induknya:
Tempat Menarik
- Tempat
word-spacingpenginapan ini boleh digayakan dengan Peralihan CSS. - Walaupun penggunaan nilai "persentase" untuk menentukan jarak diizinkan sesuai spesifikasi, nilai tersebut dapat menghasilkan hasil yang tidak dapat diprediksi - seringkali sama sekali tidak berpengaruh sama sekali.
- Menetapkan ruang putih ke sifar adalah salah satu cara untuk melawan ruang antara elemen blok sebaris.
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Berfungsi | Berfungsi | Berfungsi | Berfungsi | Berfungsi | Paling | Berfungsi |
Catatan mengenai sokongan penyemak imbas Android: Sebilangan besar peranti Android menyokong word-spacing- bagaimanapun, beberapa peranti yang menggunakan Webkit bukan Apple atau penyemak imbas Netfront tidak. Spesifiknya diperincikan dalam pautan QuirksMode di atas.