Egenskapen text-transform

Egenskapen text-transform setter skriftstørrelsen på teksttegn: stor skriftstørrelse (stor bokstaver), liten skriftstørrelse (små bokstaver), kan gjøre første bokstav i hvert ord stor.

Syntaks

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

Verdier

Verdi	Beskrivelse
`capitalize`	Det første tegnet i hvert ord i setningen vil være stort.
`lowercase`	Alle tegn i teksten konverteres til små bokstaver.
`uppercase`	Alle tegn i teksten konverteres til STORE BOKSTAVER.
`none`	Endrer ikke skriftstørrelsen på tegn.

Standardverdi: none.

Eksempel . Verdien capitalize

Nå vil den første bokstaven i hvert ord bli en stor bokstav:

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

cssp {
  text-transform: capitalize;
}

Результат:

Eksempel . Verdien uppercase

Nå vil alle tegn bli store bokstaver:

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

cssp {
  text-transform: uppercase;
}

Результат:

Eksempel . Verdien lowercase

Nå vil alle tegn bli små bokstaver (altså små, ikke store bokstaver):

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

cssp {
  text-transform: lowercase;
}

Результат: