แปลงข้อความเป็นตัวพิมพ์ใหญ่ด้วย CSS (text-transform: uppercase)

คุณสมบัติ text-transform

เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่ด้วย CSS ให้ใช้คุณสมบัติ text-transform ด้วยค่า uppercase

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่:

<html>
  <head>
  </head>
  <body>
    <p>Normal Text</p>
    <p style="text-transform:uppercase;">
      Normal Text! This will be in uppercase! </p>
  </body>
</html>

ค่าที่ใช้ได้:

• none - ไม่เปลี่ยน (ค่าเริ่มต้น)
• capitalize - ตัวแรกของแต่ละคำเป็นตัวใหญ่
• uppercase - ทั้งหมดเป็นตัวใหญ่
• lowercase - ทั้งหมดเป็นตัวเล็ก
• full-width - แปลงเป็น full-width
• full-size-kana - แปลง kana เป็น full-size (ญี่ปุ่น)