Пример
Трансформирует текст в различных элементах:<html>
<head>
<meta charset="utf-8" />
<style>
p.uppercase { text-transform:uppercase; }
p.lowercase { text-transform:lowercase; }
p.capitalize { text-transform:capitalize; }
</style>
</head>
<body>
<p class="uppercase">Это некоторый текст.</p>
<p class="lowercase">Это некоторый текст.</p>
<p class="capitalize">Это некоторый текст.</p>
</body>
</html>
Определение и использование
Свойство text-transform управляет капитализацией текста.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.textTransform="uppercase" |
Поддержка браузеров
Свойство text-transform поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| none | Нет изменений. Текст отображается обычно. Это по умолчанию | Играйте » |
| capitalize | Преобразует первую буквы в каждом слове в большую | Играйте » |
| uppercase | Преобразует все буквы в большие | Играйте » |
| lowercase | Преобразует все буквы в маленькие | Играйте » |
| inherit | Указывает, что значение свойства text-transform должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
