คุณสมบัติ Style wordSpacing

การใช้งานและการระบุ

wordSpacing ตั้งค่าหรือส่งกลับช่องว่างระหว่างคำของข้อความ

คำเตือน:เพื่อตั้งค่าหรือส่งกลับช่องว่างระหว่างอักษรในข้อความ ใช้ คุณสมบัติ letterSpacing.

ดูเพิ่มเติม:

ตำรา CSS:CSS ข้อความ

คู่มือ CSS:คุณสมบัติ word-spacing

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าความห่างของคำของ <p> ให้เป็น 50 พิกเซล:

document.getElementById("myP").style.wordSpacing = "50px";

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ใช้ค่าลบ:

document.getElementById("myP").style.wordSpacing = -3px";

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ส่งกลับความห่างของคำของ <p>:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 4

ความแตกต่างระหว่างคุณสมบัติ letterSpacing และ wordSpacing:

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

ทดลองด้วยตัวเอง

รูปแบบ

ส่งกลับคุณสมบัติ wordSpacing:

object.style.wordSpacing

ตั้งค่าคุณสมบัติ wordSpacing:

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

ค่าทางภาค

ค่า คำอธิบาย
normal กำหนดช่องว่างทั่วไประหว่างคำ
length กำหนดช่องว่างระหว่างคำด้วยหน่วยยาว
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา。ดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: normal
ค่าที่ส่งกลับ: ข้อความภาษาไทย
CSS รุ่น: CSS1

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน