CSS ตัวพิมพ์ใหญ่ ด้วย text-transform

CSS ตัวพิมพ์ใหญ่ ด้วย text-transform บทความนี้สอนใช้คำสั่ง text-transform กำหนดค่าเป็น uppercase เพื่อเปลี่ยนอักษรตัวพิมพ์เล็กให้เป็นอักษรตัวพิมพ์ใหญ่ ด้วยภาษา CSS พร้อมแสดงผลลัพธ์ออกสู่หน้าจอ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ตัวพิมพ์ใหญ่ ด้วย text-transform

<style>
    .content {
        text-transform: uppercase;
    }    
</style>

<div class="content">welcome to devdit</div>

CSS ตัวพิมพ์ใหญ่ จากตัวอย่างสร้าง class .content กำหนด text-transform: uppercase เพื่อเปลี่ยนข้อความให้เป็นตัวพิมพ์ใหญ่ จากนั้นนำ class .content ไปใช้งานกับ div ของ HTML เพื่อแสดงผลลัพธ์ออกสู่หน้าจอ