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

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

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів