ในทางการเขียนโปรแกรมแล้ว ในทุกภาษาทีใช้ในการเขียนโปรแกรมส่วนใหญ่ จะมีคำสั่งในการเปลี่ยนลักษณะพิมพ์แล็กเป็นพิมพ์ใหญ่และกลับกัน นั่นคือเราใช้ความสามารถในการเขียนโปรแกรม แต่วันนี้เรามาดูความสามารถนี้ที่มีอยู่ใน CSS2 กัน
ในการแปลงรูปแบบการแสดงผลของตัวอักษรนั้น ใน CSS2 มีคุณสมบัติ text-transform เพื่อใช้งานได้ การใช้งานก็เหมือนกับคุฯสมบัติอื่นๆ ของ CSS มาดูรูปแบบกัน
text-transform: [capitalize | uppercase | lowercase | none | inherit]
ค่าต่างๆ ของคุณสมบัติ text-transform
- capitalize คือแปลงตัวอักษรตัวแรกของแต่ละคำเป็นตัวพิมพ์ใหญ่โดยอักษรอื่นๆ ในคำนั้นๆ ไม่มีการเปลี่ยนแปลง
- uppercase คือ แปลงตัวอักษรทั้งหมดในแต่ละคำเป็นตัวพิมพ์ใหญ่
- lowercase คือ แปลงตัวอักษรทั้งหมดในแต่ละคำเป็นตัวพิมพ์เล็ก
- none คือ ไม่มีการแปลงตัวอักษร
- inherit คือ ใช้ค่าจากส่วนที่อยู่เหนือขึ้นไป
ตัวอย่างการใช้งาน
text-transform: capitalize;
แปลงตัวอัษรตัวแรกในแต่ละคำเป็นตัวพิมพ์ใหญ่
คำเตือน เนื้อหาต่างๆ ในบทความ รวมถึงรูปภาพทั้งหมดในบทความนี้ เป็นความเห็นส่วนตัวของผู้เขียนแต่ละคน ซึ่งแต่ละคนได้ทำการลงทะเบียน และเขียนบทความลงใน Modoeye Articles นี้โดยไม่มีค่าธรรมเนียมใดๆ บทความเหล่านี้เป้าหมายเพื่อการศึกษา และความบันเทิงเท่านั้น การนำส่วนหนึ่งส่วนใดของบทความไปใช้งาน ควรทำการอ้างอิงถึงผู้เขียนและแหล่งที่มาด้วย