Свойство text-transform

Свойството text-transform задава регистъра на символите в текста: главни букви, малки букви, може да направи първата буква на всяка дума главна.

Синтаксис

cssселектор {
  text-transform: capitalize | lowercase | uppercase | none;
}

Стойности

Стойност Описание
capitalize Първият символ на всяка дума в изречението ще бъде главна буква.
lowercase Всички символи в текста се преобразуват в малки букви.
uppercase Всички символи в текста се преобразуват в ГОЛЕМИ БУКВИ.
none Не променя регистъра на символите.

Стойност по подразбиране: none.

Пример . Стойност capitalize

Сега първата буква на всяка дума ще стане главна:

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

Результат:

Пример . Стойност uppercase

Сега всички символи ще станат главни:

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

Результат:

Пример . Стойност lowercase

Сега всички символи ще станат малки (тоест малки, не главни):

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

Результат: