Eigenschap text-transform

De eigenschap text-transform stelt de hoofdlettergebruik van tekens in tekst in: hoofdletters, kleine letters, kan de eerste letter van elk woord met een hoofdletter maken.

Syntaxis

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

Waarden

Waarde	Beschrijving
`capitalize`	Het eerste teken van elk woord in een zin wordt met een hoofdletter geschreven.
`lowercase`	Alle tekens in de tekst worden omgezet naar kleine letters.
`uppercase`	Alle tekens in de tekst worden omgezet naar HOOFDLETTERS.
`none`	Verandert de hoofdlettergebruik van tekens niet.

Standaardwaarde: none.

Voorbeeld . Waarde capitalize

Nu wordt de eerste letter van elk woord een hoofdletter:

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

cssp {
  text-transform: capitalize;
}

Результат:

Voorbeeld . Waarde uppercase

Nu worden alle tekens hoofdletters:

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

cssp {
  text-transform: uppercase;
}

Результат:

Voorbeeld . Waarde lowercase

Nu worden alle tekens kleine letters (dus kleine, geen hoofdletters):

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

cssp {
  text-transform: lowercase;
}

Результат: