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

คุณสมบัติ HTML DOM Style fontStyle ใช้สำหรับตั้งค่าหรือส่งคืนสไตล์ของฟอนต์ข้อความ ใช้ระบุสไตล์ normal, italic หรือ oblique สำหรับข้อความขององค์ประกอบ

ไวยากรณ์ (Syntax)

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

object.style.fontStyle = "normal|italic|oblique|initial|inherit"

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

<!DOCTYPE html> <html> <head> <style> 
    #demo2, #demo1 { 
        font-family: 'times new roman'; 
        font-size: 25px; 
    } 
</style> <script> 
    function changeFontStyle() { 
        document.getElementById("demo1").style.fontStyle = "italic"; 
        document.getElementById("demo2").style.fontStyle = "italic"; 
        document.getElementById("Sample").innerHTML = "สไตล์ฟอนต์ของย่อหน้าด้านบนถูกเปลี่ยนแล้ว"; 
    } 
</script> </head> <body> 
    <div id="demo1">This is demo text 1</div> 
    <div id="demo2">This is demo text 2</div> 
    <p>คลิกปุ่มด้านล่างเพื่อเปลี่ยน font style ของ div ด้านบน</p> 
    <button onclick="changeFontStyle()">เปลี่ยน Font Style</button> 
    <p id="Sample"></p> 
</body> </html>

ผลลัพธ์

เมื่อคลิกปุ่ม "เปลี่ยน Font Style":