Style textTransform- Eigenschaft
Beispiel
Wandeln Sie den ersten Buchstaben jedes Wortes in einem Element in Großbuchstaben um:
document.getElementById("demo").style.textTransform = "capitalize";
Definition und Verwendung
Die Eigenschaft textTransform legt die Großschreibung eines Textes fest oder gibt sie zurück.
Diese Eigenschaft wird verwendet, um den Text in Großbuchstaben, Kleinbuchstaben oder Großbuchstaben umzuwandeln.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die textTransform-Eigenschaft zurück:
object.style.textTransform
Legen Sie die textTransform-Eigenschaft fest:
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Eigenschaftswerte
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
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der die Transformation des Textes im Element darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Wandeln Sie alle Zeichen in einem Element in Großbuchstaben um:
document.getElementById("demo").style.textTransform = "uppercase";
Beispiel
Gibt die Texttransformation eines Elements zurück:
alert(document.getElementById("demo").style.textTransform);
Verwandte Seiten
CSS-Tutorial: CSS-Text
CSS-Referenz: text-transform-Eigenschaft
❮ Style-Objekt