Để 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;
}