Egenskaben text-transform

Egenskaben text-transform indstiller store og små bogstaver i tekst: store bogstaver (versaler), små bogstaver (minuscler), kan gøre første bogstav i hvert ord stort.

Syntaks

cssselektor {
  text-transform: capitalize | lowercase | uppercase | none;
}

Værdier

Værdi	Beskrivelse
`capitalize`	Det første tegn i hvert ord i sætningen vil være stort.
`lowercase`	Alle tegn i teksten konverteres til små bogstaver.
`uppercase`	Alle tegn i teksten konverteres til STORE BOGSTAVER.
`none`	Ændrer ikke store og små bogstaver.

Standardværdi: none.

Eksempel . Værdien capitalize

Nu vil det første bogstav i hvert ord blive stort:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Eksempel . Værdien uppercase

Nu vil alle tegn blive store:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Eksempel . Værdien lowercase

Nu vil alle tegn blive små (altså små bogstaver, ikke store):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: