Stijl tekstTransform Eigenschap
Voorbeeld
Transformeer de eerste letter van elk woord in een element naar hoofdletters:
document.getElementById("demo").style.textTransform = "capitalize";
Definitie en gebruik
Met de eigenschap textTransform wordt het hoofdlettergebruik van een tekst ingesteld of geretourneerd.
Deze eigenschap wordt gebruikt om de tekst te wijzigen in hoofdletters, kleine letters of hoofdletters.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap textTransform:
object.style.textTransform
Stel de eigenschap textTransform in:
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | geen |
---|---|
Winstwaarde: | Een String, die de transformatie van de tekst in het element weergeeft |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Transformeer alle karakters in een element naar hoofdletters:
document.getElementById("demo").style.textTransform = "uppercase";
Voorbeeld
Retourneer de teksttransformatie van een element:
alert(document.getElementById("demo").style.textTransform);
Gerelateerde pagina's
CSS-zelfstudie: CSS-tekst
CSS-referentie: eigenschap text-transform
❮ Stijlobject