Transformarea textului CSS
Proprietatea text-transform controlează capitalizarea textului dintr-un element.
Poate schimba textul în majuscule sau minuscule, sau poate scrie cu majusculă prima literă a fiecărui cuvânt, fără a schimba textul original din HTML.
Poate avea una dintre aceste valori:
none— nicio schimbare. Textul apare așa cum este.capitalize— scrie cu majusculă prima literă a fiecărui cuvânt.uppercase— scrie toate literele cu majusculă.lowercase— scrie toate literele cu minusculă.
Exemplu
Trei paragrafe arată transformările uppercase, lowercase și capitalize.
Prompt
O pagină HTML care arată proprietatea text-transform.
Într-un bloc intern
<style>, creează trei clase de paragraf: uppercase, lowercase și capitalize. Adaugă un paragraf de text cu litere mixte pentru fiecare, astfel încât efectul să fie vizibil.
Output: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="uppercase">This text is transformed to uppercase.</p>
<p class="lowercase">This Text Is Transformed To Lowercase.</p>
<p class="capitalize">this text capitalizes the first letter of each word.</p>
</body>
</html>
Proprietatea CSS de transformare a textului
Proprietatea acoperită pe această pagină este text-transform, care controlează capitalizarea textului.