Cách viết hoa chữ cái đầu tiên trong từ bằng CSS

Để viết hoa chữ cái đầu tiên trong một từ bằng CSS, chúng tôi sử dụng first-letter bộ chọn:

Giả sử bạn có một tiêu đề bằng tất cả các chữ cái viết thường:

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

Và bạn muốn tạo t của chữ hoa "this". Chỉ cần đính kèm first-letter bộ chọn thành h2 trong biểu định kiểu CSS của bạn:

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

Tất nhiên, bạn có thể áp dụng first-letter bộ chọn cho một thuộc tính lớp:

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