Bagaimanakah saya boleh menggunakan huruf besar Hanya Huruf Pertama Perkataan Semua Huruf Besar dalam CSS?

Transformasi teks CSS: Gunakan Huruf Besar Semua

Apabila menggunakan transformasi teks: huruf besar harta dalam CSS, anda mungkin menghadapi situasi di mana anda mahu menggunakan huruf besar sahaja huruf pertama perkataan yang sudah dalam huruf besar semua. Untuk mencapai gelagat khusus ini, penyelesaiannya terletak pada menggabungkan berbilang peraturan transformasi teks.

Untuk memanfaatkan semua huruf besar, ikut langkah berikut:

1. Jadikan semua teks huruf kecil menggunakan teks- transform: peraturan huruf kecil.
2. Huruf besar huruf pertama setiap perkataan menggunakan teks-transform: peraturan huruf besar.
3. Huruf besar baris pertama menggunakan text-transform: huruf besar.

Berikut ialah contoh cara anda boleh melaksanakan ini dalam CSS anda:

.link {
  text-transform: lowercase;
}
.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

Menggunakan pendekatan ini, anda boleh mencapai output yang diingini dengan perkataan yang sudah dalam huruf besar semua hanya mempunyai huruf pertama yang dibesarkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan huruf besar Hanya Huruf Pertama Perkataan Semua Huruf Besar dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!