Stil textTransform-attribut
- Föregående sida textShadow
- Nästa sida top
- Åter till föregående nivå HTML DOM Style-objekt
Definition och användning
textTransform
Ställ in eller returnera textens storlek på bokstäverna.
Detta attribut används för att ändra text till stora, små eller första bokstaven stora bokstäver.
Se också:
CSS-lärarlektion:CSS-text
CSS-referenshandbok:text-transform-attributet
Exempel
Exempel 1
Konvertera första bokstaven i varje ord i <p>-elementet till stora bokstäver:
document.getElementById("myP").style.textTransform = "capitalize";
Exempel 2
Konvertera alla tecken i <p>-elementet till stora bokstäver:
document.getElementById("myP").style.textTransform = "uppercase";
Exempel 3
Returnera textomvandlingen för <p>-elementet:
alert(document.getElementById("myP").style.textTransform);
Syntax
Returnera textTransform-attributet:
objekt.style.textTransform
Ställ in textTransform-attributet:
objekt.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Attributvärde
Värde | Beskrivning |
---|---|
none | Inga tecken konverteras. Standard. |
capitalize | Första tecknet i varje ord konverteras till stora bokstäver. |
uppercase | Alla tecken konverteras till stora bokstäver. |
lowercase | Alla tecken konverteras till små bokstäver. |
initial | Sätt detta attribut till dess standardvärde. Se initial. |
inherit | Följ från föräldrelementet för att använda detta attribut. Se inherit. |
Tekniska detaljer
Standardvärde: | Ingen |
---|---|
Returvärdet: | Sträng som representerar omvandlingen av elementets kinesiska text. |
CSS-version: | CSS1 |
Webbläsarstöd
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stöd | Stöd | Stöd | Stöd | Stöd |
- Föregående sida textShadow
- Nästa sida top
- Åter till föregående nivå HTML DOM Style-objekt