/ Cum de a face majuscule în CSS?

Cum de a face majuscule în CSS?

margine

CSS permite personalizarea flexibilătext, care este reprezentat de limba HMTL. Astăzi vom analiza acțiunea proprietății "text-transform", ceea ce face posibilă modificarea registrului fonturilor. Această opțiune este susținută de toate browserele moderne și este inclusă în specificațiile tuturor versiunilor CSS.

numire

Proprietatea "text-transform" poate dura treivalorile de bază și două suplimentare. De exemplu, puteți atribui o majusculă textului selectat. Sau, puteți da o comandă opus proprietății anterioare, unde toate personajele devin litere mici. Puteți face o programare folosind orice metodă convenabilă pentru dvs. De exemplu, folosind stilurile încorporate. Sau puteți crea

css majusculă
Un fișier separat care descrie toate proprietățile. Cum să utilizați metoda de atribuire, depinde de dvs. "Text-transform" poate lua următoarele valori:

  • Majuscule. Face ca toate simbolurile selectate să fie capitalizate. În CSS, majusculă este comună, deoarece această valoare ajută la rezolvarea multor sarcini complexe legate de text.
  • Minuscule. Această proprietate este complet opusă comenzii majuscule.
  • Capitalize. Modifică cazul primei litere la cea superioară. Caracterele rămase nu vor fi modificate.
  • Nici una. Vă permite să anulați toate valorile atribuite (necesare pentru a predefini o proprietate). De obicei, această valoare este setată implicit.
  • Moștenire. Moșteneste toate proprietățile elementului părinte. Trebuie remarcat faptul că IE nu susține această proprietate.

cerere

Folosind CSS, majuscule (sauefecte similare) este instalat folosind o singură comandă simplă. Prin urmare, nu este nevoie să modificați sau să rescrieți întregul text. Dacă este un site cu o singură pagină, atunci această proprietate poate să nu fie utilă. Dar când există un portal imens sub controlul dvs., unde trebuie să corectați cazul literelor în anumite fragmente, atunci "text-transform" devine singurul instrument eficient. De exemplu, trebuie să reparați fontul în etichetele antetului "h2". Pentru a face acest lucru, adăugați intrarea: "h2 {text-transform: uppercase; } ", Și apoi toate anteturile din al doilea nivel vor avea majuscule.

css majuscule

caracteristici

Unii ar putea considera acest manualprocesarea textului și schimbarea fontului utilizând proprietatea "text-transform" nu are diferențe. Dar nu este așa. Dacă modificați manual literele mici în majuscule (majuscule), atunci atunci când copiați aceste informații de pe site-ul dvs., caracterele rămân neschimbate. Dacă utilizați limba CSS, atunci totul se întâmplă diferit. Proprietatea "text-transform" numai vizual pentru utilizatori schimba fontul. Dar, în realitate, simbolurile rămân neschimbate. Acest lucru are loc cu toate valorile acestei proprietăți. Informațiile copiate (text) vor avea un registru inițial, care este folosit în codul sursă al paginii. Aceasta este singura diferență între procesarea manuală și utilizarea comenzilor CSS.

Indiferent pe care vreți să o utilizați - mai micăsau majusculă, cel mai important, nu uitați destinația. De exemplu, dacă aveți nevoie de modificări numai în scopuri decorative, puteți aplica în siguranță proprietatea de transformare a textului. Dacă știți că utilizatorii dvs. vor copia probabil informațiile pe care le-ați expus, atunci este mai bine să modificați manual cazul de text. La urma urmei, uneori cititorii nu observă o astfel de înlocuire a fontului. Acest lucru este deosebit de important atunci când vine vorba de documente importante și informații similare.

Citește mai mult: