CSS Изменение регистра
Свойство – text-transform в CSS можно использовать для отображения текста в верхнем или нижнем регистре либо с заглавными буквами для каждого слова.
Свойство имеет следующие значения:
capitalize – значение преобразует первую букву каждого слова в верхний регистр, знаки препинания или символы в начале слова игнорируются.
<h1 style="text-transform: capitalize">заголовок из нескольких слов</h1>
uppercase – преобразующет все символы в верхний регистр.
<h1 style="text-transform: uppercase">заголовок в верхнем регистре</h1>
lowercase – преобразует все символы в нижний регистр.
<h1 style="text-transform: lowercase">ЗАГОЛОВОК В НИЖНЕМ РЕГИСТРЕ</h1>
none – предотвращает изменение регистра всех символов.
<h1 style="text-transform: none">Свойство Предотвращающее Изменение Регистра Всех Символов.</h1>
Пример:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Изменение регистра символов</title>
<style>
@media screen and (max-width: 767px) {
body {
max-width: 767px;
height: auto;
}
}
h1 {
color: blue;
}
.capitalize {
text-transform: capitalize;}
.uppercase {
text-transform: uppercase;}
.lowercase {
text-transform: lowercase;}
.none {
text-transform: none;}
</style>
</head>
<body>
<h1>Изменение регистра символов</h1>
<h2 class="capitalize">capitalize: заголовок из нескольких слов</h2>
<h2 class="uppercase">uppercase:заголовок в верхнем регистре</h2>
<h2 class="lowercase">lowercase:ЗАГОЛОВОК В НИЖНЕМ РЕГИСТРЕ</h2>
<h2 class="none">none:Заголовок без преобразования.</h2>
</body>
</html>