Egenskapen text-transform

Egenskapen text-transform ställer in skiftläget för textens tecken: versaler (stora bokstäver), gemener (små bokstäver), kan göra första bokstaven i varje ord till versal.

Syntax

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

Värden

Värde	Beskrivning
`capitalize`	Det första tecknet i varje ord i meningen blir en versal.
`lowercase`	Alla tecken i texten omvandlas till gemener.
`uppercase`	Alla tecken i texten omvandlas till VERSALER.
`none`	Ändrar inte tecknens skiftläge.

Standardvärde: none.

Exempel . Värdet capitalize

Nu kommer första bokstaven i varje ord att bli en versal:

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

cssp {
  text-transform: capitalize;
}

Результат:

Exempel . Värdet uppercase

Nu kommer alla tecken att bli versaler:

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

cssp {
  text-transform: uppercase;
}

Результат:

Exempel . Värdet lowercase

Nu kommer alla tecken att bli gemener (alltså små, inte versaler):

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

cssp {
  text-transform: lowercase;
}

Результат: