Творческая мастерская Ваш WEB стиль. Разработка и дизайн сайтов
WEB-Дизайн | Создание сайтов | 3D графика
Всегда на связи:

Как сделать зачеркнутый текст на сайте?

Для того чтобы сделать зачеркнутый текст на сайт понадобится специальный тег html и стиль css. С появлением html5 в арсенале верстальщиков появился тег del. Тег необходим для разметки удаленного, потерявшего важность контента. Именно его стоит использовать для создания, зачеркнутого или перечеркнутого текста.

Зачеркнутый текст html css


<del>Любой текст, коротый вы хотите зачеркнуть</del>
del {

}

По умолчанию текст и линия будут оформлены в базовые цвета. Шрифт так же будет браться из класса body (если прописано правило для шрифтов на сайте). Чтобы это исправить пропишите css класс зачеркнутого или перечеркнутого текста. Делаем это, как и для других стилей и классов.


del {
text-decoration: line-through;
text-decoration-color: red;
}

В примере первые два свойства, указывают, что текст будет зачеркнут (первая строка), а во второй строке – цвет полосы. Сюда же можно добавить жирность, семейство и размер текста, если это необходимо.

Творческая мастерская Ваш WEB стиль. Разработка и дизайн сайтов
Закрыть форму
Спасибо. Ваше сообщение отправлено

В ближайшее время, мы свяжемся с вами для уточнения всех деталей. Письмо придет на указанную электронную почту