Beispiel
Verwandeln Sie den ersten Buchstaben jedes Wortes in einem <p> Element in Großbuchstaben:
document.getElementById("myP").style.textTransform = "capitalize";
Versuch es selber " Definition und Verwendung
Die texttransform-Eigenschaft legt oder gibt die Aktivierung eines Textes.
Diese Eigenschaft wird verwendet, um den Text in Großbuchstaben, Kleinbuchstaben zu ändern oder zu aktivieren.
Browser-Unterstützung
Die Eigenschaft texttransform ist in allen wichtigen Browsern unterstützt.
Syntax
Bringen Sie die Eigenschaft texttransform:
object .style.textTransform
Stellen Sie die Eigenschaft texttransform:
object .style.textTransform="none|capitalize|uppercase|lowercase|initial|inherit"
Eigenschaftswerte
Wert | Beschreibung |
---|---|
none | Es werden keine Zeichen umgewandelt. Dies ist die Standardeinstellung |
capitalize | Das erste Zeichen jedes Wortes in Großbuchstaben umgewandelt wird, |
uppercase | Alle Zeichen werden umgewandelt in Großbuchstaben |
lowercase | Alle Zeichen werden umgewandelt in Kleinbuchstaben |
initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, die die Transformation des Textes in dem Element |
CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Verwandeln Sie alle Zeichen in einem <p> Elemente in Großbuchstaben:
document.getElementById("myP").style.textTransform = "uppercase";
Versuch es selber " Beispiel
Bringen Sie den Text Transformation eines <p> Element:
alert(document.getElementById("myP").style.textTransform);
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Text
CSS - Referenz: text-transform- Eigenschaft
<Style - Objekt