text-transformProprietatea în CSS controlează caz text și scrierea cu majuscule.
.lowercase ( text-transform: lowercase; )Valori de transformare a textului
lowercaseface ca toate literele din textul selectat să fie minuscule.uppercaseface ca toate literele din textul selectat să fie majuscule.capitalizescrie cu majusculă prima literă a fiecărui cuvânt din textul selectat.nonelasă majusculele și majusculele textului exact așa cum a fost introdus.inheritoferă textului cazul și majuscula părintelui său.
Demo - ul de mai jos arată lowercase, uppercaseși capitalizeîn uz. Aruncați o privire la fila HTML pentru a vedea cum a fost scris inițial textul, apoi reveniți la fila rezultate pentru a-l vedea după aplicarea CSS.
Vezi Pen 0f4293fce0d14aafc3818c950ab0ded3 de mariemosley (@mariemosley) pe CodePen.
Puncte de interes
capitalizeva scrie cu majusculă cuvintele care apar în ghilimele simple sau duble și prima literă după o cratimă. Nu va scrie cu majusculă prima literă după un număr, astfel încât datele precum „4 februarie 2015” nu se vor transforma în „4 februarie 2015”.
capitalizeafectează numai primele litere de cuvinte. Nu va schimba majusculele și minusculele literelor dintr-un cuvânt. De exemplu, dacă aveți capitalizeun cuvânt care este deja cu majuscule, celelalte litere din cuvânt nu vor trece la minuscule. Acest lucru este plăcut atunci când textul dvs. include un acronim sau o abreviere care nu ar trebui să includă litere mici.
CSS nu poate face „majuscule”, stilul de scriere cu majuscule utilizat în titlurile cărților, filmelor, cântecelor și poeziilor, unde articolele sunt minuscule (ca în „Raiders of the Lost Ark”). Dar, există soluții JavaScript pentru cazul titlului, inclusiv toTitleCase () al lui David Gouch.
Mai multe informatii
- text-transform la MDN
- text-transform în specificația W3C
- Note privind accesibilitatea textului cu majuscule de la WebAIM
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | Orice | Orice | Orice | Orice | Orice | Orice |
Firefox acceptă reguli de scriere cu majuscule specifice limbilor turcești, germană, olandeză și greacă care nu sunt acceptate de alte browsere. Firefox este, de asemenea, singurul browser care acceptă text-transform: full-width;, care poate ajuta la îmbunătățirea lizibilității textului care include un amestec de scripturi latine și din Asia de Est. Vezi detalii la MDN.