English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS @

Полный список свойств CSS

Метод использования и примеры属性的 CSS text-transform

Свойство text-transform CSS управляет регистром текста.

В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также его использование в скриптах JavaScript.

Значение по умолчанию:none
Применяется к:Все элементы
Инherit:Да
Анимируемо:Нет.См. также Свойства анимации.
Версия:CSS 1, 2, 3
JavaScript грамматика:object.style.textTransform="lowercase"

Использование грамматики text-transform

Грамматика этого свойства такая:

text-transform: capitalize | lowercase | none | uppercase | initial | inherit

Ниже приведены примеры того, как использовать свойство text-transform.

  p {
   text-transform: capitalize;
  }
Проверьте, посмотри‹/›

Значения свойств

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
capitalizeПреобразовать первый символ каждого слова в верхний регистр; другие символы не受到影响.
lowercaseПреобразовать все символы каждого слова в нижний регистр.
uppercaseПреобразовать все символы каждого слова в верхний регистр.
noneНет эффекта了大写。Текст отображается в исходном виде. Это значение по умолчанию.
initialУстановить этот параметр в его значение по умолчанию.
inheritЕсли указано, то связанный элемент принимает значение свойств text-transform родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойств text-transform, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Дополнительное чтение

Пожалуйста, обратитесь к следующим教程м:CSS текст,CSS шрифты.

Свойства, связанные с текстом:letter-spacing,text-align,text-decoration,text-indent,text-overflow,text-shadow,white-space,word-spacing.