วิธีทำให้ตัวอักษรตัวแรกในคำเป็นตัวพิมพ์ใหญ่ด้วย CSS

ในการใช้อักษรตัวพิมพ์ใหญ่ตัวแรกในคำด้วย CSS เราใช้ first-letter ตัวเลือก:

สมมติว่าคุณมีหัวเรื่องในอักษรตัวพิมพ์เล็กทั้งหมด:

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

และคุณต้องการสร้าง t ของ "นี้" ตัวพิมพ์ใหญ่ เพียงแนบ first-letter ตัวเลือกเป็น h2 ในสไตล์ชีต CSS ของคุณ:

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

คุณสามารถสมัคร first-letter . ได้ ตัวเลือกไปยังแอตทริบิวต์คลาสด้วย:

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