รูปแบบการแสดงผลตัวอักษรภาษาอังกฤษ PHP vs CSS

วันนี้ Onlymycode ขอนำเสนอเทคนิคง่าย ๆ แต่ได้ใช้บ่อยมีทั้งแบบ คำสั่งแบบ PHP และ คำสั่งแบบ CSS โดยเราจะเรียงคำสั่งตามนี้นะครับ

แสดงข้อความแบบตัวพิมพ์เล็ก
แสดงข้อความแบบตัวพิมพ์ใหญ่
แสดงข้อความขึ้นต้นด้วยตัวพิมพ์ใหญ่

ก่อนอื่นเรามาเริ่มที่ฝั่ง PHP กันก่อน

คำสั่ง strtolower() 
ตัวอย่าง echo strtolower("Hello WORLD!");
ผลลัพธ์ hello world!
------------------------------------------------------
คำสั่ง strtoupper() 
ตัวอย่าง echo strtoupper("Hello WORLD!");
ผลลัพธ์ HELLO WORLD!
------------------------------------------------------
คำสั่ง ucfirst() 
ตัวอย่าง echo echo ucfirst("hello world!");
ผลลัพธ์ Hello world!
------------------------------------------------------
คำสั่ง ucwords() 
ตัวอย่าง echo echo ucwords("hello world");
ผลลัพธ์ Hello World!

มาต่อที่ฝั่ง CSS กันเลย

คำสั่ง text-transform: lowercase;
ตัวอย่าง <div style="text-transform: lowercase;">Hello WORLD!</div>
ผลลัพธ์ hello world!
------------------------------------------------------
คำสั่ง text-transform: uppercase; 
ตัวอย่าง <div style="text-transform: uppercase;">Hello WORLD!</div>
ผลลัพธ์ HELLO WORLD!
------------------------------------------------------
คำสั่ง text-transform: capitalize;
ตัวอย่าง <div style="text-transform: capitalize;">Hello WORLD!</div>
ผลลัพธ์ Hello World!