Для зачеркивания текста в HTML применяется тег strike:
<ol>
<li>Электроник</li>
<li>Сыроежкин</li>
<li><strike>Смирнов</strike></li>
<li><strike>Чижиков</strike></li>
<li>Кукушкина</li>
</ol>Результат выполнения данного кода:
- Электроник
- Сыроежкин
- Смирнов
- Чижиков
- Кукушкина
Данный тег не имеет атрибутов. Вместо тега HTML strike может использоваться и сокращенная его версия - s (аналогично, жирный - b, курсив - i, подчеркнутый - u):
Конструктор <s>LEGO</s> "Нубекс"Как вы можете видеть, результат аналогичен:
Конструктор LEGO "Нубекс"
Использование тега s и strike считается неверным с точки зрения валидации кода (необходимо использовать переходной Doctype). Или другой вариант - использовать CSS.
Перечеркнутый текст: CSS
С помощью CSS текст можно "декарировать" при помощи свойства text-decoration. Это свойство может принимать следующие значения:
- line-through - используется для перечеркивания текста;
- underline - подчеркивает текст;
- overline - используется для помещения линии над текстом (надчеркнутый текст);
- blink - тест мигает (каждую секунду);
- none - позволяет отменить все эффекты, примененные к тексту.
Указанные значения могут быть применены одновременно, для этого нужно записать нужные параметры через пробел. Например, применим одновременно подчеркивание, надчеркивание и мигание:
text-decoration: underline blink overline;Сделаем теперь перечеркнутый текст при помощи CSS:
<!DOCTYPE html>
<html>
<head>
<title>Зачеркнутый текст CSS - "Нубекс"</title>
<meta charset="utf-8">
<style>
p {
color:#fff;
}
.strike {
text-decoration: line-through;
color: #fff;
}
.block {
background-color: #ee6206;
}
</style>
</head>
<body>
<div class="block" align="center">
<p>Конструктор <span class="strike">LEGO</span> сайтов "Нубекс"</p>
</div>
</body>
</html>