Трансформация текста CSS
Свойство text-transform управляет регистром текста в элементе.
Оно может изменять текст на верхний или нижний регистр, либо делать заглавной первую букву каждого слова, не изменяя исходный текст в HTML.
Оно может принимать одно из следующих значений:
none— без изменений. Текст отображается как есть.capitalize— делает первую букву каждого слова заглавной.uppercase— делает все буквы заглавными.lowercase— делает все буквы строчными.
Пример
Три абзаца показывают трансформации uppercase, lowercase и capitalize.
Prompt
HTML-страница, показывающая свойство text-transform.
Во внутреннем блоке
<style> создай три класса абзаца: uppercase, lowercase и capitalize. Добавь абзац текста со смешанным регистром для каждого, чтобы эффект был виден.
Вывод: полная HTML-страница
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="uppercase">This text is transformed to uppercase.</p>
<p class="lowercase">This Text Is Transformed To Lowercase.</p>
<p class="capitalize">this text capitalizes the first letter of each word.</p>
</body>
</html>
Свойство CSS Трансформация Текста
Свойство, рассматриваемое на этой странице, — text-transform, которое управляет регистром текста.