Як зробити верхній регістр CSS?

Як зробити верхній регістр CSS?

CSS надає вам змогу виконати гнучке налаштування тексту, представлене за допомогою мови HMTL. Сьогодні ми розглянемо дію властивості "text-transform", що дає можливість змінювати регістр шрифту. Цей параметр підтримується всіма сучасними переглядачами і входить до специфікації всіх версій CSS.


Призначення


Властивість "text-transform" може приймати три основних значення і два доданих. Наприклад, ви можете призначити верхній регістр до всього виділеного тексту. Або можна дати команду протилежній попередній властивості, де всі символи стають рядковими. Виконувати призначення можна за допомогою будь-якого зручного для вас методу. Наприклад, за допомогою вбудованих стилів. Або ви можете створити

окремий файл з описом всіх властивостей. Який використовувати спосіб присвоєння, вирішувати тільки вам. "Text-transform" може приймати такі значення:

  • Робить всі вибрані символи заголовними. У CSS uppercase зустрічається часто, оскільки це значення допомагає вирішити багато складних завдань, пов 'язаних з текстом.
  • Ця властивість повністю протилежна команді uppercase.
  • Змінює регістр першої літери на верхній. Інші символи не змінюватимуться.
  • Дозволяє скасувати всі призначені значення (необхідно для визначення властивості). Зазвичай, це значення встановлюється за замовчуванням.
  • Успадковує всі властивості у батьківського елемента. Слід зауважити, що IE не підтримує цієї властивості.

Застосування

За допомогою CSS верхній регістр (або подібні ефекти) встановлюється за допомогою однієї простої команди. Тому немає потреби змінювати або переписувати весь текст. Якщо мова йде про односторінковий сайт, то дана властивість, можливо, і не стане в нагоді. Але коли під вашим управлінням знаходиться величезний портал, де потрібно виправити регістр букв в певних фрагментах, то "text-transform" стає єдиним ефективним засобом. Наприклад, потрібно виправити шрифт у заголовкових тегах h2. Для цього потрібно додати запис: «h2 { text-transform: uppercase;} ", і тоді всі заголовки другого рівня матимуть верхній регістр.

Особливості

Деякі, можливо, вважають, що ручна обробка тексту та зміна шрифту за допомогою властивості "text-transform" не має жодних відмінностей. Але це не так. Якщо ви поміняєте вручну рядкові літери на прописні (верхній регістр), то при копіюванні цієї інформації з вашого сайту символи так і залишаться без змін. Якщо використовувати мову CSS, то все відбувається по-іншому. Властивість "text-transform" лише зорово для користувачів змінює шрифт. Але насправді символи залишаються незмінними. Це відбувається з усіма значеннями цієї властивості. Скопійована інформація (текст) матиме початковий регістр, який використовується у вихідному коді сторінки. У цьому і полягає єдина відмінність між ручною обробкою і використанням CSS-команд.


Неважливо, який ви хочете використовувати - нижній або верхній регістр, головне, не забувати призначення. Наприклад, якщо зміни потрібні тільки з декоративною метою, можете спокійно застосовувати властивість "text-transform". Ну а якщо ви знаєте, що ваші користувачі напевно будуть копіювати викладену вами інформацію, то найкраще вручну змінювати регістр всього тексту. Адже іноді читачі не помічають такої підміни шрифту. Це особливо критично, коли йдеться про важливі документи та подібну інформацію.