CSS text-transform Eigenschap
Voorbeeld
Transformeer tekst in verschillende <div> elementen:
div.a {
text-transform: uppercase;
}
div.b {
text-transform: lowercase;
}
div.c {
text-transform: capitalize;
}
Definitie en gebruik
De text-transform
eigenschap bepaalt het hoofdlettergebruik van tekst.
Standaardwaarde: | geen |
---|---|
geërfd: | Ja |
Versie: | CSS1 |
JavaScript-syntaxis: | object .style.textTransform="hoofdletters" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS-syntaxis
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
none | No capitalization. The text renders as it is. This is default | |
capitalize | Transforms the first character of each word to uppercase | |
uppercase | Transforms all characters to uppercase | |
lowercase | Transforms all characters to lowercase | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-tekst
HTML DOM-referentie: eigenschap textTransform