css властивість text-transform


Властивість text-transform визначає, якими літерами буде відображено текст - ВЕЛИКИМИ, малими або Кожне Слово З Великої Літери.

Властивість `text-transform`

Зверніть увагу, що значення uppercase i lowercase впливають на всі символи слів, а capitalize тільки для перших.

Нотатка:

Для деяких мов, використання цієї властивості може змінювати символи. Наприклад, у німецькій мові символ ß стає SS (якщо збільшується) тощо. Підтримка цих конкретних випадків може змінюватися від одного веб-переглядача до іншого, тому перевірте таблицю сумісності браузера.

Синтаксис

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; 


}

Додаткові посилання