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

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

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

правити

Нотатка

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

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Властивість text-transform може отримувати 6 значень:

none

Регіст символів не буде змінено. Без задання.

автор: Svitlana

правити

capitalize

Перший символ кожного слова в реченні буде заголовним. Примітка: Іншу символи свій регіст не змінять.

автор: Svitlana

правити

uppercase

Всі символи тексту стають великими (верхній регістр).

автор: Svitlana

правити

lowercase

Всі символи тексту стають малими (нижній регістр)

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
text-transform	1.0	1.0	1.0	7.0	12.0	4.0

Підтримка: мобільні переглядачі

Переглядач
text-transform	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<p class="uppercase">Це речення стане великими літерами.</p>
<p class="lowercase">ЦЕ РЕЧЕННЯ СТАНЕ МАЛИМИ.</p>
<p class="capitalize">кожне слово почнеться з великої.</p>

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}