home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าให้ตัวอักษรแสดงเป็นตัวพิมพ์เล็กแทนตัวพิมพ์ใหญ่ (Small Caps) ด้วย JavaScript

ใช้คุณสมบัติ fontVariant ตั้งค่าเป็น "small-caps" จะทำให้ตัวอักษรพิมพ์เล็กกลายเป็นตัวพิมพ์ใหญ่แต่ขนาดเล็กลง

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading 1</h1>
    <p id="myID">This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.</p>
    <button type="button" onclick="display()">Set Font Family and Font Variant</button>
    <script>
      function display() {
        document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
        document.getElementById("myID").style.fontVariant = "small-caps";
      }
    </script>
  </body>
</html>