Що робить text-decoration: опис властивості та її значення

Text decoration – це CSS властивість, яка дає змогу додавати декоративні елементи до тексту на веб-сторінці. За допомогою цієї властивості ви можете змінити зовнішній вигляд тексту, додавши підкреслення, закреслення, лінію над або під текстом, а також змінити колір і стиль цих елементів.

Одним із найбільш часто використовуваних значень властивості text decoration є “underline” (підкреслення). Коли ви застосовуєте це значення до тексту, він буде виділятися підкресленням. Це може бути корисно, наприклад, для створення посилань, щоб користувачі могли легко визначити, що текст є активним посиланням.

Іншим значенням властивості text decoration є “line-through” (закреслення). Коли ви застосовуєте це значення до тексту, він буде перекреслений лінією. Це може бути корисно, наприклад, для позначення видаленого тексту або для створення ефекту закресленого заголовка.

Ви також можете використовувати властивість text decoration для додавання ліній над або під текстом за допомогою значень “overline” (лінія над текстом) і “line-through” (лінія під текстом). Це може бути корисно, наприклад, щоб виділити заголовок або підзаголовок.

ВластивістьОпис
noneВимикає всі прикраси тексту.
underlineДодає підкреслення до тексту.
overlineДодає лінію зверху тексту.
line-throughДодає лінію посередині тексту.
blinkЗмушує текст блимати.

Використовуючи властивість CSS text-decoration, можна додавати додаткові ефекти для тексту, такі як підкреслення, закреслення, миготіння .

Що робить тег text-decoration?

Властивість text-decoration дозволяє додати декоративні лінії тексту . Текст можна підкреслити, перекреслити або додати лінію над текстом.

Як працює text-decoration?

text-decoration-line – відповідає за тип лінії: підкреслено, перекреслено, без підкреслення, підкреслення над текстом, а не під ним . text-decoration-line може приймати одразу кілька значень, наприклад, text-decoration-line: underline line-through; . У цьому разі текст матиме підкреслення і закреслення.

Що визначає параметр text-decoration?

text-decoration: визначає оформлення тексту . Можна задавати підкреслення (underline), закреслення (line-through), лінію зверху (overline) та інші ефекти.