คุณสมบัติ text-transform
ใช้คุณสมบัติ text-transform เพื่อกำหนดตัวพิมพ์เล็ก/ใหญ่ของข้อความ ค่าที่เป็นไปได้: none, capitalize, uppercase, lowercase
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อกำหนดตัวพิมพ์เล็ก/ใหญ่ของข้อความ:
<html>
<head>
</head>
<body>
<p style="text-transform:capitalize;">
This will be capitalized </p>
<p style="text-transform:uppercase;">
This will be in uppercase </p>
<p style="text-transform:lowercase;">
This will be in lowercase </p>
</body>
</html>
ค่าที่ใช้ได้:
- none - ไม่เปลี่ยน (ค่าเริ่มต้น)
- capitalize - ตัวแรกของแต่ละคำเป็นตัวใหญ่
- uppercase - ทั้งหมดเป็นตัวใหญ่
- lowercase - ทั้งหมดเป็นตัวเล็ก
- full-width - แปลงเป็น full-width (สำหรับภาษาเอเชีย)
- full-size-kana - แปลง kana เป็น full-size (ญี่ปุ่น)
