A text-transform tulajdonság
A text-transform tulajdonság
a szöveg karaktereinek megjelenítési formáját állítja be:
nagybetűsre (minden karakter nagybetű),
kisbetűsre (minden karakter kisbetű),
vagy minden szó első betűjét nagybetűvé teheti.
Szintaxis
szelektor {
text-transform: capitalize | lowercase | uppercase | none;
}
Értékek
| Érték | Leírás |
|---|---|
capitalize |
Minden szó első karaktere nagybetű lesz a mondatban. |
lowercase |
A szöveg összes karaktere kisbetűre változik. |
uppercase |
A szöveg összes karaktere NAGYBETŰSRE változik. |
none |
Nem változtatja meg a karakterek megjelenítési formáját. |
Alapértelmezett érték: none.
Példa . A capitalize érték
Most minden szó első betűje nagybetű lesz:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Példa . Az uppercase érték
Most minden karakter nagybetű lesz:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Példa . A lowercase érték
Most minden karakter kisbetű lesz (vagyis kisméretű, nem nagybetű):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: