Exemplu
Transformarea textului în diferite <p> elemente:
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea text transformă controlează valorificarea textului.
Valoare implicită: | none |
---|---|
Mostenit: | yes |
Versiune: | CSS1 |
sintaxa JavaScript: | object .style.textTransform="uppercase" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
text-transform | 1.0 | 4 | 1.0 | 1.0 | 7 |
CSS Sintaxa
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Valori de proprietate
Valoare | Descriere | Joaca-l |
---|---|---|
none | Nici o capitalizare. Textul face așa cum este. Acest lucru este implicit | Joaca - l » |
capitalize | Transformări primul caracter al fiecărui cuvânt în majuscule | Joaca - l » |
uppercase | Transformă toate caracterele majuscule | Joaca - l » |
lowercase | Transformă toate caracterele în litere mici | Joaca - l » |
initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Pagini similare
Tutorial CSS: CSS Text
HTML DOM referință: textTransform property