css властивість text-transform
Властивість text-transform визначає, якими літерами буде відображено текст - ВЕЛИКИМИ, малими або Кожне Слово З Великої Літери.
Зверніть увагу, що значення uppercase i lowercase впливають на всі символи слів, а capitalize тільки для перших.
| Нотатка: | Для деяких мов, використання цієї властивості може змінювати символи. Наприклад, у німецькій мові символ |
Синтаксис
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;Властивість text-transform може отримувати 6 значень:
noneРегіст символів не буде змінено. Без задання.
capitalizeПерший символ кожного слова в реченні буде заголовним. Примітка: Іншу символи свій регіст не змінять.
uppercaseВсі символи тексту стають великими (верхній регістр).
lowercaseВсі символи тексту стають малими (нижній регістр)
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента.
| Значення без задання: | none |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.textTransform="uppercase" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| text-transform | 1.0 |
4.0 |
1.0 |
1.0 |
7.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| text-transform | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Різні значення властивості і їхній вплив на текст
Використання властивості
Приклад синтаксису
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}