Egenskapen text-transform
Egenskapen text-transform ställer in
skiftläget för textens tecken: versaler (stora bokstäver),
gemener (små bokstäver), kan göra första bokstaven
i varje ord till versal.
Syntax
selektor {
text-transform: capitalize | lowercase | uppercase | none;
}
Värden
| Värde | Beskrivning |
|---|---|
capitalize |
Det första tecknet i varje ord i meningen blir en versal. |
lowercase |
Alla tecken i texten omvandlas till gemener. |
uppercase |
Alla tecken i texten omvandlas till VERSALER. |
none |
Ändrar inte tecknens skiftläge. |
Standardvärde: none.
Exempel . Värdet capitalize
Nu kommer första bokstaven i varje ord att bli en versal:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Exempel . Värdet uppercase
Nu kommer alla tecken att bli versaler:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Exempel . Värdet lowercase
Nu kommer alla tecken att bli gemener (alltså små, inte versaler):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: