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