Свойство text-transform устанавливает регистр букв - определяет строчными или заглавными буквами будет отображен текст элемента.
Это свойство применимо ко всем элементам.
Значение свойства text-transform
- capitalize – каждое слово в предложении начинается с заглавной буквы.
- lowercase - все буквы текста становятся строчными.
- uppercase – все буквы текста становятся заглавными.
- none - текст отображается как обычно,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- none
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-transform </title>
<style type="text/css">
p{font-size:18px; color:#336699;}
</style>
</head>
<body>
<p> Обыкновенный текст. </p>
<p style="text-transform:uppercase;"> Все буквы в тексте заглавные. </p>
<p style="text-transform:lowercase;"> Все буквы в тексте строчные. </p>
<p style="text-transform:capitalize;"> Все слова в тексте начинаются с заглавной буквы. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-transform </title>
<style type="text/css">
p{font-size:18px; color:#336699;}
</style>
</head>
<body>
<p> Обыкновенный текст. </p>
<p style="text-transform:uppercase;"> Все буквы в тексте заглавные. </p>
<p style="text-transform:lowercase;"> Все буквы в тексте строчные. </p>
<p style="text-transform:capitalize;"> Все слова в тексте начинаются с заглавной буквы. </p>
</body>
</html>
Результат
Обыкновенный текст.
Все буквы в тексте заглавные.
Все буквы в тексте строчные.
Все слова в тексте начинаются с заглавной буквы.
