CSS text-transform egenskab

Definisjon og bruk

text-transform-egenskapen kontrollerer tekstenes store og små bokstaver.

Beskrivelse

Denne egenskapen endrer bokstavene i elementet, uavhengig av tekstdokumentets store og små bokstaver. Hvis verdien er "capitalize", skal noen bokstaver være store, men hvordan man bestemmer hvilke bokstaver som skal være store, avhenger av hvordan brukeragenten identifiserer "ordene".

Se også:

CSS undervisning:CSS tekst

HTML DOM referansehåndbok:textTransform-egenskapen

Eksempel

Konverter tekst i forskjellige elementer:

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

Prøv selv

Tips og kommentarer

Kommentarer:Forskellige brukeragenter kan bruke forskjellige metoder for å bestemme hvor et ord starter, og dermed bestemme hvilke bokstaver som skal være store. For eksempel kan teksten "w3-school" vises på to måter: "W3-school" og "W3-School". CSS definerer ikke hvilken som er riktig, så begge er gyldige.

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
ingen Standard. Definerer standard tekst med små og store bokstaver.
capitalize Hver ord i teksten starter med en stor bokstav.
uppercase Definerer bare store bokstaver.
lowercase Definerer ingen store bokstaver, bare små bokstaver.
inherit Definerer at text-transform-egenskapen skal arves fra foreldrelementet.

Teknisk detalj

Standardverdi: ingen
Arvbarhet: ja
Versjon: CSS1
JavaScript syntaks: object.style.textTransform="uppercase"

Flere eksempler

Kontrollere versalenes store og små bokstaver i teksten
Dette eksempelet viser hvordan du kan kontrollere versalenes store og små bokstaver i teksten.

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter egenskapen.

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