A text-transform tulajdonság

A text-transform tulajdonság a szöveg karaktereinek megjelenítési formáját állítja be: nagybetűsre (minden karakter nagybetű), kisbetűsre (minden karakter kisbetű), vagy minden szó első betűjét nagybetűvé teheti.

Szintaxis

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

Értékek

Érték	Leírás
`capitalize`	Minden szó első karaktere nagybetű lesz a mondatban.
`lowercase`	A szöveg összes karaktere kisbetűre változik.
`uppercase`	A szöveg összes karaktere NAGYBETŰSRE változik.
`none`	Nem változtatja meg a karakterek megjelenítési formáját.

Alapértelmezett érték: none.

Példa . A capitalize érték

Most minden szó első betűje nagybetű lesz:

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

cssp {
  text-transform: capitalize;
}

Результат:

Példa . Az uppercase érték

Most minden karakter nagybetű lesz:

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

cssp {
  text-transform: uppercase;
}

Результат:

Példa . A lowercase érték

Most minden karakter kisbetű lesz (vagyis kisméretű, nem nagybetű):

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

cssp {
  text-transform: lowercase;
}

Результат: