ตัวอักษร รูปแบบ การ เว้นวรรคคุณสมบัติ
ตัวอย่าง
กำหนดช่องว่างระหว่างอักขระในองค์ประกอบเป็น 15 พิกเซล:
document.getElementById("demo").style.letterSpacing = "15px";
ความหมายและการใช้งาน
คุณสมบัติ letterSpacing ตั้งค่าหรือส่งคืนช่องว่างระหว่างอักขระในข้อความ
เคล็ดลับ:ในการตั้งค่าหรือส่งคืนระยะห่างระหว่างคำในข้อความ ให้ใช้คุณสมบัติwordSpacing
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
letterSpacing | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ letterSpacing:
object.style.letterSpacing
ตั้งค่าคุณสมบัติ letterSpacing:
object.style.letterSpacing = "normal|length|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
normal | Normal space between characters. This is default |
length | Defines the space in length units. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ปกติ |
---|---|
คืนมูลค่า: | สตริง แทนช่องว่างระหว่างอักขระในข้อความ |
เวอร์ชัน CSS | CSS1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ใช้ค่าลบ:
document.getElementById("demo").style.letterSpacing = "-2px";
ตัวอย่าง
ส่งกลับระยะห่างตัวอักษรขององค์ประกอบ:
alert(document.getElementById("demo").style.letterSpacing);
ตัวอย่าง
ความแตกต่างระหว่างคุณสมบัติ letterSpacing และคุณสมบัติ wordSpacing:
function changeLetters() {
document.getElementById("demo1").style.letterSpacing = "15px";
}
function changeWords() {
document.getElementById("demo2").style.wordSpacing = "15px";
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS Text
การอ้างอิง CSS: คุณสมบัติการเว้นวรรคตัวอักษร
❮ สไตล์วัตถุ