คุณสมบัติ HTML DOM Style letterSpacing

คุณสมบัติ HTML DOM Style letterSpacing ใช้สำหรับตั้งค่าหรือดึงค่าช่องว่างระหว่างตัวอักษรในข้อความ

ไวยากรณ์ (Syntax)

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

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

ค่าของคุณสมบัติ (Property Values)

ตัวอย่างการใช้งาน

<!DOCTYPE html> <html> <head> <script> 
    function changeSpacing() { 
        document.getElementById("myP").style.letterSpacing = "12px"; 
        document.getElementById("Sample").innerHTML = "ช่องว่างระหว่างตัวอักษรเพิ่มขึ้นแล้ว"; 
    } 
</script> </head> <body> 
    <p id="myP">This is some text inside the sample paragraph. This is another line in paragraph. This is second line in paragraph. This is third line in paragraph. </p> 
    <p>คลิกปุ่มด้านล่างเพื่อเพิ่มช่องว่างระหว่างตัวอักษรในย่อหน้าด้านบน</p> 
    <button type="button" onclick="changeSpacing()">เพิ่ม Letter Spacing</button> 
    <p id="Sample"></p> 
</body> </html>

ผลลัพธ์

เมื่อคลิกปุ่ม "เพิ่ม Letter Spacing":