Savybė text-transform

Savybė text-transform nustato teksto simbolių registrą: didžiąją raidę (didžiosios raidės), mažąją raidę (mažosios raidės), gali padaryti didžiąją kiekvieno žodžio pirmąją raidę.

Sintaksė

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

Reikšmės

Reikšmė Aprašas
capitalize Pirmasis kiekvieno žodžio sakinyje simbolis bus didžioji raidė.
lowercase Visi teksto simboliai paverčiami mažąja raide.
uppercase Visi teksto simboliai paverčiami DIDŽIĄJA RAIDĖ.
none Nekeičia simbolių registro.

Numatytoji reikšmė: none.

Pavyzdys . Reikšmė capitalize

Dabar kiekvieno žodžio pirmoji raidė taps didžiąja:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: capitalize;
}

Результат:

Pavyzdys . Reikšmė uppercase

Dabar visi simboliai taps didžiosiomis raidėmis:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: uppercase;
}

Результат:

Pavyzdys . Reikšmė lowercase

Dabar visi simboliai taps mažosiomis raidėmis (t.y. mažomis, ne didžiosiomis):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>
cssp {
  text-transform: lowercase;
}

Результат: