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

Чтобы сделать текст зачеркнутым в CSS, можно использовать свойство text-decoration и установить значение line-through.

Пример:

p {
  text-decoration: line-through;
}

В данном примере абзац p будет отображаться со стилем текста “зачеркнутый”.

Также можно изменять цвет и толщину линии:

p {
  text-decoration: line-through;
  text-decoration-color: red;
  text-decoration-thickness: 2px;
}

В данном примере абзац p будет отображаться со стилем “зачеркнутый”, красной цветом и толщиной линии 2 пикселя.

Кроме того, можно комбинировать значение line-through ​​с другими стилями текста, такими как underline, overline или blink, используя свойство text-decoration-line:

p {
  text-decoration: line-through underline;
}

В данном примере абзац p будет отображаться со стилем “зачеркнутый” и “подчеркнутый”.

При использовании CSS, обычно точки и границы не учитываются. Если нужно добавить линию-разделитель между двумя элементами, лучше использовать границы вместо свойства text-decoration. Границы могут быть установлены для разметки и содержимого элемента.

Пример:

div {
  border-bottom: 1px solid black;
}

В данном примере к элементу div будет добавлена линия-разделитель под его содержимым.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать зачеркнутый текст в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали