Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

วิธี Capitalize ตัวอักษรแรกของคำด้วย CSS

Capitalize ตัวอักษรแรกของคำด้วย CSS ใช้ first-letter selector:

สมมติมี heading ตัวเล็กทั้งหมด:

<h2>this is a lowercase heading</h2>

อยากทำให้ t ของ "this" เป็นตัวใหญ่ ผูก first-letter selector กับ h2 ใน CSS:

h2:first-letter { text-transform: capitalize; }

ใช้กับ class attribute ได้เช่นกัน:

.name-of-class:first-letter { text-transform: capitalize; }