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;
}