Закреслений текст html
Головна → HTML уроки і поради → Перекреслити текст на сайті через CSS і теги html
Розглянемо всі способи як можна зробити закреслений текст через html і CSS. Всього існує два варіанти:
- Через html теги
.і - Через властивість CSS text-decoration
1. Перекреслити текст через html теги , і
Весь текст укладені в html теги . і стає закресленим. Незвичайна буква s відбулося в скорочення від англійського слова "strike".
Різниця між усіма трьома тегами візуально відсутні. Однак останній варіант з використанням html тега вважається кращим, оскільки він підтримується в стандарті HTML5. Інші теги не підтримуються (вони звичайно будуть відображатися коректно, але валідацію не пройдуть).
Перетвориться на сторінці в
Звичайний шрифт. Закреслений текст через тег s
Звичайний текст. Закреслений текст через тег strike
Звичайний текст. Закреслений текст через тег del
2. Перекреслити текст через властивість CSS text-decoration
В CSS є властивість text-decoration. яке відповідає за підкреслення тексту.
Синтаксис CSS text-decoration
- none - текст без оформлення
- underline - нижнє підкреслення
- overline - верхнє підкреслення
- line-through - закреслення тексту
- blink - мерехтливий текст (рекомендується не застосовувати це значення)
Нас цікавить значення line-through. яке задає закреслення тексту.
Перетвориться на сторінці в
Текст з властивістю text-decoration: line-through