Властивість CSS Text-decoration: -
Підкреслення можна використовувати для виділення важливого тексту. Елемент U і властивість CSS text-decoration є двома найбільш використовуваними методами підкреслення тексту на веб-сторінках.
Обидва прості у використанні, але елемент U пропонує семантичну цінність значення. Інший може відображатися на вимогу, що дозволяє легко змінити стан підкреслення, просто додавши класи CSS до тексту.
Чи є підкреслення корисними для вираження сенсу чи доступності, є предметом дискусії. Підкреслення — це природний підхід, який забезпечує більшу цінність для користувача, коли одного лише кольору недостатньо для вираження сенсу.
Атрибут text-decoration пропонує альтернативний спосіб підкреслити текст. Текст з гіперпосиланням також можна використовувати для заміни підкреслень на підкреслення.
Надкреслення протилежне підкресленню. У верхній частині тексту додається рядок.
Ми можемо використовувати всі підкреслені та перекреслені значення для того самого визначення класу. Властивість text-decoration керує тим, як текст буде представлено кількома способами. Якщо для прикрашання тексту встановлено підкреслення, текст усередині компонента підкреслюється.
Властивості оформлення тексту CSS є фантастичними для тексту, але вони можуть бути обмежені з точки зору дизайну та не застосовуватися до нетекстових типів вмісту. Підкреслення також можна створити за допомогою атрибутів CSS border.
ой
Атрибут text-decoration — найпростіший спосіб підкреслити текст. Найсуттєвішим недоліком оформлення тексту є те, що його неможливо налаштувати.
Властивість text-decoration використовує підкреслення, накладення, наскрізне або комбінацію ліній для виділення виділеного тексту.
Вміст підкреслюється за допомогою атрибута text-decoration-line. Підкреслення, підкреслення та наскрізне — три варіанти цього атрибута. У CSS атрибут underline використовується для виділення тексту. Під вбудованим текстом із цим значенням робиться підкреслення.
Через текстові елементи-нащадки малюються текстові прикраси. Це означає, що коли елемент визначає прикрасу тексту, прикраса не може бути видалена дочірнім елементом.
глобальні змінні javascript
Лінія не намальована, усі наявні прикраси видалено.
Підкреслити: через базову лінію тексту малюється лінія 1px.
Наскрізний: у «середній» точці тексту вставляє поперек лінію шириною 1 піксель.
Підкреслення: додає лінію шириною 1 піксель безпосередньо над «верхньою» точкою тексту.
Успадкувати: успадковує батьківську прикрасу.
Оформлення тексту визначається властивістю text-decoration, яка є скороченою характеристикою для:
- text-decoration-line (обов'язково)
- text-decoration-color
- text-decoration-style
- text-decoration-thickness
overline, underline, underline-overline, line-through входить до text-decoration-line.
Суцільний, пунктирний, пунктирний, хвилястий, подвійний підпадає під стиль оформлення тексту.
приклади nfa
Колір у десятковому значенні, шістнадцятковому значенні або успадковувати входить до text-decoration-color.
Властивість border-bottom є альтернативою декоруванню тексту. Ми також можемо використовувати border-bottom, щоб забезпечити відступ.
Синтаксис: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Давайте тепер розглянемо приклад і зрозуміємо використання властивості text-decoration.
Текст-оздоблення: підкреслити надкреслити
Приклад: -
h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> Вихід:
