คุณสมบัติ Style letterSpacing

การเขียนและการใช้งาน

letterSpacing ตั้งค่าหรือส่งออกระยะห่างระหว่างอักษร (ความห่างระหว่างอักษร) ในข้อความ。

คำเตือน:เพื่อตั้งค่าหรือส่งออกระยะห่างระหว่างคำ (ความห่างระหว่างคำ) ในข้อความ ใช้ คุณสมบัติ wordSpacing。

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

ตัวอย่าง CSS:CSS ข้อความ

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

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าระยะห่างระหว่างอักษรของ <p> อันเป็น 15 พิกเซล:

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

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

ตัวอย่าง 2

ใช้ค่าลบ:

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

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

ตัวอย่าง 3

ส่งออกระยะห่างอักษรของ <p> อัน:

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

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

ตัวอย่าง 4

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

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

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

สัญญาณ

ส่งออกคุณสมบัติ letterSpacing:

object.style.letterSpacing

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

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

ค่าคุณสมบัติ

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

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

ค่าเริ่มต้น: normal
ค่าที่ส่งออกมา: ตัวแปรข้อความ，แสดงระยะห่างระหว่างอักษรในข้อความ。
CSS รุ่น: CSS1

การสนับสนุนโปรแกรมนี้

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