Ефекти тексту в CSS

Вивчіть властивість text-decoration, яка дозволяє додавати та прибирати декоративні ефекти для тексту.

Ефекти тексту в CSS

Властивість text-decoration використовується для додавання різних ефектів до тексту: підкреслення, перекреслення, лінії зверху, а також для скасування таких ефектів.

Найчастіше ця властивість використовується для скасування підкреслення посилань, оскільки браузери за замовчуванням показують посилання з нижньою лінією.

a {
  text-decoration: none;
}

У цьому прикладі підкреслення у посилань буде прибране.

Значення	Опис
underline	Додає підкреслення тексту
overline	Додає лінію над текстом
line-through	Перекреслює текст
none	Прибирає всі ефекти тексту

❗ Важливо:

У наступних уроках ми детально розглянемо кожне значення властивості text-decoration.

📌 Завдання:

Створіть кілька текстових елементів на сторінці.
Перевірте роботу різних значень text-decoration.
Спробуйте застосувати властивість до абзаців та посилань.

💡 Показати підказку

Для посилань використовуйте text-decoration: none;, щоб прибрати стандартне підкреслення браузера.