text-transform¶
Свойство text-transform
управляет преобразованием текста элемента в заглавные или прописные символы.
Когда значение отлично от none
, регистр исходного текста будет изменён.
Текст
- letter-spacing
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-decoration-thickness
- text-decoration-skip
- text-decoration-skip-ink
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-indent
- text-rendering
- text-shadow
- text-underline-position
- text-transform
- white-space
- word-spacing
Синтаксис¶
/* Keyword values */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
text-transform: full-width;
/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: unset;
Значения¶
capitalize
- Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.
lowercase
- Все символы текста становятся строчными (нижний регистр).
uppercase
- Все символы текста становятся прописными (верхний регистр).
none
- Не меняет регистр символов.
Значение по-умолчанию:
text-transform: none;
Применяется ко всем элементам
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>text-transform</title>
<style>
h1 {
text-transform: uppercase; /* Заглавные буквы */
}
p {
text-transform: capitalize; /* Каждое слово начинается с заглавной буквы */
}
</style>
</head>
<body>
<h1>Культурный памятник Средневековья</h1>
<p>
Амазонская низменность неумеренно берёт небольшой
провоз кошек и собак, а Хайош-Байа славится красными
винами.
</p>
</body>
</html>