CSS text-transform ominaisuus

Määrittely ja käyttö

text-transform-ominaisuus hallitsee tekstin ison ja pienen kirjaimen muotoa.

Kuvaus

Tämä ominaisuus muuttaa elementin kirjainten ison ja pienen kirjaimen muodon riippumatta alkuperäisestä dokumentista.

Katso myös:

CSS-opas:CSS teksti

HTML DOM -viittausopas:textTransform-ominaisuus

Esimerkki

Muunna tekstin muotoa eri elementeissä:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Kokeile itse

Vinkit ja huomautukset

Huomautus:Erilaiset käyttäjätuottajat saattavat käyttää erilaisia menetelmiä määrittääkseen, mistä sana alkaa, ja siten määrittääkseen, mitkä kirjaimet ovat isokirjaimisia. Esimerkiksi teksti "w3-school" voidaan näyttää kahdella tavalla: "W3-school" ja "W3-School". CSS ei määritä, mikä on oikea, joten molemmat ovat sallittuja.

CSS-kieli

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
ei ole Oletus. Määrittää standardeja tekstiä, jossa on sekä pieniä että suuria kirjaimia.
capitalize Jokainen sana tekstissä alkaa isolla kirjaimella.
uppercase Määrittää, että kaikki kirjaimet ovat suuria.
lowercase Määrittää, että kaikki kirjaimet ovat pieniä.
inherit Määritellään, että text-transform-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei ole
Perinnäisyys: kyllä
Versio: CSS1
JavaScript-kieli: object.style.textTransform="uppercase"

Lisää esimerkkejä

Hallitse tekstin kirjainten
Tämä esimerkki näyttää, miten voit hallita tekstin kirjainten ison ja pienen kirjaimen muotoa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0