Ominaisuus text-transform
Ominaisuus text-transform asettaa
tekstin merkkien kirjainkooksi: suuraakkoset
(isot kirjaimet), pienaakkoset (pienet
kirjaimet), voi tehdä jokaisen sanan
ensimmäisestä kirjaimesta ison.
Syntaksi
valitsija {
text-transform: capitalize | lowercase | uppercase | none;
}
Arvot
| Arvo | Kuvaus |
|---|---|
capitalize |
Jokaisen sanan ensimmäinen merkki lauseessa on iso. |
lowercase |
Kaikki tekstin merkit muunnetaan pienaakkosiksi. |
uppercase |
Kaikki tekstin merkit muunnetaan SUURAAKKOSIKSI. |
none |
Ei muuta merkkien kirjainkokoa. |
Oletusarvo: none.
Esimerkki . Arvo capitalize
Nyt jokaisen sanan ensimmäisestä kirjaimesta tulee iso:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Esimerkki . Arvo uppercase
Nyt kaikista merkeistä tulee isoja:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Esimerkki . Arvo lowercase
Nyt kaikista merkeistä tulee pieniä (eli pieniä, ei isoja):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: