Muotoile textTransform-ominaisuus
- Edellinen sivu textShadow
- Seuraava sivu top
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti
Määrittely ja käyttö
textTransform
Ominaisuuden asettaminen tai palauttaminen tekstin isokirjaimisuudeksi.
Tämä ominaisuus käytetään tekstin muuntamiseen isokirjaimiksi, pienikirjaimiksi tai ensimmäinen kirjain isokirjaimeksi.
Lisäksi:
CSS-opetusCSS teksti
CSS-oppaastitext-transform-ominaisuus
Esimerkki
Esimerkki 1
Muuttaa <p>-elementin jokaisen sanan ensimmäisen kirjaimen isokirjaimeksi:
document.getElementById("myP").style.textTransform = "capitalize";
Esimerkki 2
Muuttaa <p>-elementin kaikki merkit isokirjaimiksi:
document.getElementById("myP").style.textTransform = "uppercase";
Esimerkki 3
Palauttaa <p>-elementin tekstin muodon:
alert(document.getElementById("myP").style.textTransform);
Syntaksi
Palauta textTransform-ominaisuus:
objekti.style.textTransform
Aseta textTransform-ominaisuus:
objekti.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
none | Mikään merkki ei muuteta. Oletus. |
capitalize | Jokaisen sanan ensimmäinen kirjain muutetaan isokirjaimeksi. |
uppercase | Kaikki merkit muutetaan isokirjaimiksi. |
lowercase | Kaikki merkit muutetaan pieniksi kirjaimiksi. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso initial。 |
inherit | Periisiä elementistä saatavilla oleva ominaisuus. Katso inherit。 |
Tekninen yksityiskohta
Oletusarvo: | Ei mitään |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee elementin kiinan kielen tekstin muunnoksen. |
CSS versio: | CSS1 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu textShadow
- Seuraava sivu top
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti