Egenskaben text-transform
Egenskaben text-transform indstiller
store og små bogstaver i tekst: store bogstaver
(versaler), små bogstaver (minuscler),
kan gøre første bogstav i hvert ord stort.
Syntaks
selektor {
text-transform: capitalize | lowercase | uppercase | none;
}
Værdier
| Værdi | Beskrivelse |
|---|---|
capitalize |
Det første tegn i hvert ord i sætningen vil være stort. |
lowercase |
Alle tegn i teksten konverteres til små bogstaver. |
uppercase |
Alle tegn i teksten konverteres til STORE BOGSTAVER. |
none |
Ændrer ikke store og små bogstaver. |
Standardværdi: none.
Eksempel . Værdien capitalize
Nu vil det første bogstav i hvert ord blive stort:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Eksempel . Værdien uppercase
Nu vil alle tegn blive store:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Eksempel . Værdien lowercase
Nu vil alle tegn blive små (altså små bogstaver, ikke store):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: