text-transform
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
CSS свойство text-transform контролирует использование строчных и прописных букв в тексте. Оно позволяет весь текст сделать написанным заглавными буквами или строчными. С помощью свойства text-transform можно сделать так, чтобы каждое слово в тексте начиналось с заглавной буквы.
| Значение по умолчанию: | none |
|---|---|
| Применяется: | ко всем элементам, а также к псевдо-элементам ::first-letter и ::first-line |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.textTransform="uppercase" |
Синтаксис
text-transform: none|capitalize|uppercase|lowercase|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| none | Текст отображается без изменений. |
| capitalize | Переделывает первую букву каждого слова в прописную. |
| uppercase | Переделывает все символы в прописные. |
| lowercase | Переделывает все символы в строчные. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
text-transform:
Результат:
Text-Transform
Пример демонстрирует разницу между значениями свойства.
CSS Код:
div {
text-transform: none;
}
text-transform: none;
}