Каждое слово с большой буквы css

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Краткая информация

Значение по умолчанию none
Наследуется Да
Применяется Ко всем элементам
Ссылка на спецификацию http://www.w3.org/TR/CSS21/text.html#propdef-text-transform

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none , регистр исходного текста будет изменен.

Синтаксис

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

Значения

HTML5 CSS2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства text-transform

Объектная модель

[window.]document.getElementBy >elementID ").style.textTransform

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Если по какой-либо причине вам необходимо изменить регистр букв в тексте веб-страницы, на помощь придет свойство CSS text-transform. Какие значения можно устанавливать для данного свойства, смотрите в таблице ниже.

Значение Что делает
uppercase Делает заглавными (прописными) все буквы в тексте
lowercase Делает строчными все буквы в тексте
capitalize Делает заглавной первую букву каждого слова в тексте
none Не делает изменений
inherit Наследует значение родителя

Пример записи стиля:

Используйте значение uppercase , если вам нужно сделать все буквы большими в заголовке или абзаце текста, словно текст набран в режиме Caps Lock. В случае, когда вам требуется убрать все заглавные буквы, оставив только строчные, воспользуйтесь значением lowercase . Значение capitalize может пригодиться, к примеру, в веб-форме для поля «ФИО», чтобы каждое новое слово автоматически начиналось с прописной буквы.

Читайте также:  Восстановление системы виндовс 10 с флешки

Обратите внимание: применение text-transform в CSS никак не влияет на исходное содержимое веб-страницы. Регистр букв изменяется лишь во время отображения страницы в окне браузера, а сам текст HTML-документа остается неизменным.

Примеры отображения стилей можно увидеть на скриншоте:

Скриншот: использование свойства text-transform

Далее в учебнике: подчеркивание и зачеркивание текста с помощью свойства CSS text-decoration.

Свойство CSS text-transform отвечает за написание строчных или заглавных букв (верхний и нижний регистр) в html.

Синтаксис CSS text-transform

  • capitalize — каждое слово начинается с большой буквы
  • lowercase — переводит все буквы в нижний регистр
  • uppercase — переводит все буквы в верхний регистр
  • none — отменяет все действия (по умолчанию)
  • inherit — принять значение предка (родителя)

Примеры перевода в верхний и нижний регистр в HTML

Пример 1. Каждое слово с большой буквы в HTML

Вот как это выглядит на странице:

Пример 2. Все слова в нижнем регистре в HTML

Вот как это выглядит на странице:

Пример 3. Все слова в верхнем регистре в HTML

Вот как это выглядит на странице:

Для обращения к text-transform из JavaScript нужно писать следующую конструкцию: