/css/text-transform:> Преобразование текста_

Свойство `text-transform`

Синтаксис

CSS 1

CSS 2‒2.2

CSS 3

text-transform: capitalize | uppercase | lowercase | none

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

text-transform: none | capitalize | uppercase | lowercase | full-width

Описание

Свойство text-transform (от англ. "text transform" ‒ «преобразование текста») управляет эффектами капитализации текста элемента.

Применяется:	ко всем элементам;
Наследование:	присутствует;
Проценты:	Н/Д;
Медиа:	визуальные.

Примечание

Фактическое преобразование в каждом случае зависит от языка содержимого.

JavaScript

[объект].style.textTransform="[значение]";

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

CSS	Раздел
1	5.4.5 'text-transform'	Перевод
2	16.5 Capitalization: the 'text-transform' property
2.1	16.5 Capitalization: the 'text-transform' property
2.2	16.5 Capitalization: the 'text-transform' property
3	2.1. Case Transforms: the ‘text-transform’ property

Значения

capitalize: Преобразует первую букву каждого слова в верхний регистр; другие символы не изменяются.
text-transform: capitalize;
full-width: Переводит все символы в полноширинную форму. Если символ не имеет соответствующей полноширинной формы, он остаётся как есть. Это значение обычно используется для печати латинских символов и цифр, таких как идеографические символы.
text-transform: full-width;
lowercase: Преобразует все буквы элемента в нижний регистр.
text-transform: lowercase;
none: Эффект капитализации отсутствует (отменяет наследуемое значение).
text-transform: none;
uppercase: Преобразует все буквы элемента в верхний регистр.
text-transform: uppercase;
inherit: Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: «none».

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство text-transform</title>
<style type="text/css">
p { text-transform: capitalize; }
</style>
</head>
<body>
<h1>Преобразование текста</h1>
<p>Первая буква каждого слова в данном абзаце преобразуется в верхний регистр.</p>
</body>
</html>

Свойство text-transform