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

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

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

ตัวอย่าง

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

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

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

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