Realizând pagina site-ului, rareori nu trebuie să selectăm titluri sau fragmente ale textului cu majuscule. Desigur, în cazul în care trebuie să faceți acest lucru o singură dată, atunci este mai ușor să nu deranjați și să tastați textul dorit cu ajutorul tastei Caps Lock. Și dacă vom face o pagină de probă și toate paginile următoare vor fi similare cu aceasta, iar textul va trebui să fie selectat în aceleași blocuri de pe pagină?
În cazul în care avem blocuri în care textul trebuie neapărat să fie evidențiat, le putem seta să afișeze textul, folosind proprietatea CSS, cu majuscule.
Articole Navigare:
Cum pot pune o scrisoare de scris în CSS?
Pentru a face litere majuscule în CSS, puteți utiliza proprietățile text-transform, folosind una dintre valorile sale majuscule. De exemplu:
Efectuați un bloc cu titlul în html:
Definiți majusculele în CSS
În plus față de majusculă, această proprietate CSS poate lua alte valori:
capitalizați - fiecare cuvânt nou va veni cu o scrisoare de capital
litere mici - toate literele devin mici (mici)
niciunul - valoarea implicită
moșteni - valoarea este moștenită
Desigur, puteți aplica această proprietate asupra elementelor existente de pe site. De exemplu, ați decis să schimbați afișarea titlurilor articolelor, dar este timpul să treceți prin toate articolele de pe site și să remediați totul manual.
În acest caz, este mult mai convenabil să se convertească textul deja existent utilizând proprietatea CSS în majuscule.
Pentru a face acest lucru, trebuie doar să calculați clasa care este responsabilă pentru afișarea titlului articolului și să setați proprietatea dorită.
Interesantă proprietate cu variante de fonturi
Pentru a evidenția textul în CSS cu majuscule, există o altă proprietate cu font-varianta. care dă un efect destul de neobișnuit și interesant.
font-varianta poate lua trei valori:
capace mici - afișează toate caracterele cuvântului care urmează după majuscule, cu majuscule. Caracterele minuscule sunt convertite în capital, dar reduse în dimensiune.
normal - tip de font implicit
moștenesc - moștenește stilul de afișare a fontului elementului părinte.
Iată un exemplu de utilizare a acestei proprietăți:
Articole similare
Trimiteți-le prietenilor: