Как зачеркнуть текст с помощью CSS
Зачеркнутый текст в CSS можно достичь с помощью свойства text-decoration и его значением line-through.
Этот код сделает все абзацы в документе зачеркнутыми. Однако, если вы хотите зачеркнуть только определенный текст, то нужно применить стиль для конкретного HTML-элемента или класса.
Я обычный текст.
Я зачеркнутый текст.
.strike
В этом примере только текст внутри элемента с классом «strike» будет зачеркнутым.
Перечеркнутый текст css: Делаем текст зачеркнутым с помощью HTML
Определяет, как должна добавляться декоративная линия к тексту — подчеркивание, перечеркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.
Синтаксис
text-decoration-line: [ line-through || overline || underline ] | none
Значения
line-through Создает перечеркнутый текст (пример). overline Линия проходит над текстом (пример). underline Устанавливает подчеркнутый текст (пример). none Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.
text-decoration-line a Ссылка с подчёркиванием Браузеры
Firefox поддерживает свойство -moz-text-decoration-line.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Как сделать в css и html зачеркнутый текст
Сегодня вместо тегов рекомендуется использовать css для придания нужного внешнего вида тексту. Тем не менее давайте посмотрим, как сделать в html зачеркнутый текст.
HTML-теги для зачеркнутого текста
В большинстве случаев вам может пригодится парный тег . Он является сокращенным вариантом записи , который уже устарел. Текст в этом контейнере отображается как зачеркнутый. Нужно сказать, что тег хорошо поддерживается только спецификацией HTML5 , поэтому хорошо будет четко написать в самом начале html-документа:
Следующий тег – . По сути, он тоже выводит зачеркнутый текст, но при этом его цель немного отличается – он придуман для того, чтобы выводить текст, исправленный в новой версии документа. Например, им помечают какие-то ошибки или устаревшую информацию, когда это нужно указать явно.
Тег del имеет два атрибута, которое можно указать только для него. Во-первых, это cite . Атрибут, который позволяет прописать ссылку на документ, где указана причина редактирования. Во-вторых, datetime – это дата и время редактирования текста. Задается в формате ISO 8601 . Рекомендуется писать дату и время с минутами.
Как зачеркнуть текст с помощью css
А вот в css текст зачеркивается по-другому. Это делается с помощью свойства text-decoration и его значения line-through . Пример:
Текст в абзацах с классом error будет зачеркнут.
Если вам надо зачеркнуть отдельный фрагмент, слово или даже букву, то их необходимо заключить в тег
(парный). Далее присвоить ему произвольный стилевой класс и уже через него обратиться к новому элементу, применив для него нужный стиль.
Произвольный текст, а вот тут ошибка.
Конечно, с помощью html зачеркнутый текст сделать чуть проще, потому что его достаточно заключить в нужные теги, но css будет удобно использовать, когда нужно зачеркнуть целый абзац, пункт списка или заголовок. Тогда вообще никаких тегов не надо, можно сразу обратиться к нужному элементу и задать стиль.
К тому же, в css перечеркнутый текст — это только оформление и никакого дополнительного смысла не несет. Хотя в html тоже есть тег s , который позволяет просто зачеркнуть слова.
В общем, используйте такой способ оформления текста, который вам больше всего нравится. И подписывайтесь на новые статьи, если интересно.
Свойство text-decoration — оформление текста
Свойство text-decoration добавляет тексту различные эффекты: подчеркивание, перечеркивание, линию сверху.
Синтаксис
Значения
| Значение | Описание |
|---|---|
| underline | Делает подчеркнутый текст. |
| line-through | Делает перечеркнутый текст. |
| overline | Делает линию над текстом. |
| none | Отменяет подчеркивание подчеркнутого элемента. Чаще всего используется для ссылок, так как они по умолчанию подчеркнуты. |
Значение по умолчанию: none. Для ссылок значение по умолчанию: underline.
Пример . Значение underline
#elem < text-decoration: underline; >
Пример . Значение line-through
#elem
Пример . Значение overline
#elem
Смотрите также
- свойство text-decoration-style,
которое позволяет изменять тип линии - свойство text-decoration-color,
которое позволяет изменять цвет линии - свойство text-decoration-line,
которое позволяет изменять позицию линии
Перечёркнутый подчёркнутый текст CSS изменить сайт WordPress – info-effect.ru
Привет ! Мы продолжаем изменять CSS стили на сайте WordPress ! Сегодня вы узнаете как сделать на своём сайте подчёркнутый или перечёркнутый текст. Вы сможете сделать подчёркнутый или перечёркнутый текст в любом месте на вашем сайте. Вы сможете очень просто изменить стили сайта с помощью визуального CSS редактора. Вы сможете сразу же наблюдать за всеми изменениями на сайте, перед тем как сохраните стили. Очень простой и полезный плагин !
Установить плагин SiteOrigin CSS вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Подробнее о данном плагине, о всех его функциях и возможностях, смотрите Здесь . Далее, я вам только покажу как сделать подчёркнутый или перечёркнутый текст в CSS стилях сайта.
После установки и активации плагина, перейдите на страницу: Внешний вид – Custom CSS. На странице плагина, вверху справа нажмите на кнопку в виде одного глазика.
Далее, у вас откроется ваш сайт с CSS редактором. Вверху страницы вы можете указать URL адрес страницы вашего сайта, на которой вы хотите изменить текст.
Далее, на странице нажмите мышкой по тексту, который вы хотите изменить. Вверху страницы слева, в CSS редакторе, у вас появится название CSS стиля элемента.
Далее, на вкладке “Text”, возле параметра “Text Decoration” , выберите стиль для текста, перечёркнутый, подчёркнутый или обычный. На сайте сразу отобразятся все изменения. В конце нажмите вверху на кнопку-галочку.
Далее, на странице плагина у вас появятся CSS стили для изменения текста. Нажмите на кнопку – Save CSS, чтобы сохранить стили.
Всё готово ! После сохранения изменений, у вас на сайте отобразятся все изменения ! Не забудьте обновить страницу или удалить кэш.
Рекомендую Супер плагины:
– Simple Custom CSS.
– Custom CSS Pro.
Остались вопросы ? Напиши комментарий ! Удачи !
Текст | htmlbook.ru
Свойство предназначено для сайтов, в которых имеет значение направление текста.
Свойство hyphens сообщает браузеру, как расставлять переносы слов в блоке текста. Словарь переносов хранится в браузере и подключается только при наличии атрибута lang с кодом языка.
Определяет интервал между символами в пределах элемента.
Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта.
Используется для изменения ширины отступа заданного с помощью символа табуляции.
Определяет горизонтальное выравнивание текста в пределах элемента.
Задает выравнивание последней строки текста, когда свойство text-align установлено как justify.
Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.
Устанавливает цвет линии, которая добавляется через свойство text-decoration.
Определяет, как должна добавляться декоративная линия к тексту — подчеркивание, перечеркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.
Устанавливает стиль декоративной линии, которая добавляется к тексту через свойство text-decoration или text-decoration-line.
Устанавливает величину отступа первой строки блока текста.
Определяет параметры видимости текста в блоке, если текст целиком не помещается в заданную область.
Добавляет тень к тексту, а также устанавливает её параметры.
Управляет преобразованием текста элемента в заглавные или прописные символы.
Задает, как должен располагаться текст.
Устанавливает, как отображать пробелы между словами.
Свойство word-break указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.
Устанавливает интервал между словами.
Указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область.
Устанавливает направление текста на странице.
Как зачеркнуть текст в css
Изучите, как использовать CSS для зачеркивания текста на вашем сайте. Простые шаги и примеры кода для создания зачеркнутой строки в CSS.
Зачеркнутый текст может быть полезным при оформлении веб-страниц. Например, он может использоваться для выделения слов внутри предложения или для указания на неактуальную информацию. В этой статье мы рассмотрим, как зачеркнуть текст с помощью CSS.
Существует несколько способов добавить зачеркивание к тексту в CSS. Один из них — использовать свойство text-decoration: с значением line-through. Это свойство устанавливает зачеркивание для всего текста, на котором оно применяется.
Кроме того, можно указать underline для подчеркивания текста или none для отмены подчеркивания или зачеркивания. Это свойство можно применять к любому элементу, содержащему текст, а также к ссылкам.
Однако, если вы хотите добавить зачеркивание только к части текста, вам придется воспользоваться более сложными способами, такими как использование псевдоэлементов.
Как зачеркнуть текст в CSS
Зачеркнуть текст в CSS можно с помощью свойства text-decoration. Для того, чтобы зачеркнуть текст, следует задать значение line-through. Например, так:
Читать далее«title»: Что делать после шпаклевки стен: этапы и рекомендации.
Также можно задать значение overline, чтобы добавить верхнее подчеркивание, или underline, чтобы добавить нижнее подчеркивание. А если нужно добавить какой-то другой эффект, можно использовать значение none или unset и задать свойство text-decoration-style:
text-decoration-style: dashed; /* пунктирное */
text-decoration-style: dotted; /* точечное */
text-decoration-style: wavy; /* волнистое */
Кроме того, для того чтобы задать стиль только для зачеркнутого текста, можно использовать псевдокласс :hover. Например:
Читать далее«Арбуз кримсон руби F1: отзывы, сроки и правила посадки».
Такой код зачеркнет ссылку только при наведении мыши на нее.
Надеемся, эта информация пригодится вам при работе с CSS. Не забывайте, что кроме зачеркивания текста, с помощью свойства text-decoration можно добавлять и другие эффекты, например, подчеркивание или мигание.
Простой способ зачеркнуть текст в CSS
У многих людей может возникать потребность зачеркнуть текст на своем сайте. Это может быть необходимо для выделения какой-то важной части текста или для демонстрации изменений.
К счастью, с помощью CSS зачеркнуть текст очень просто. Используйте свойство «text-decoration» со значением «line-through». Например:
Существует и другие значения свойства «text-decoration», такие как «underline», «overline» и «none». Эти значения могут использоваться для добавления линий под текстом, над текстом или для удаления линии, если она уже была задана.
Если вы хотите зачеркнуть только часть текста, это также возможно. Используйте тег «strike» для обозначения начала и окончания зачеркивания. Например:
Хотя тег «strike» считается устаревшим в HTML5, он все еще поддерживается всеми современными браузерами и может использоваться без проблем.
Теперь вы знаете, как зачеркнуть текст в CSS. Используйте этот простой способ, чтобы привлечь внимание к важному контенту на своем сайте.
Использование прямой речи для зачеркивания текста
В HTML есть несколько способов зачеркнуть текст. Один из них – использование свойства text-decoration. Но существует и другой метод – использование прямой речи.
Прямая речь – это тег del. Он помечает текст, который нужно удалить. При этом он автоматически зачеркивается. Например:
Этот текст нужно удалить
Но что если вы хотите выделить не только зачеркнутый текст, но и его контекст? Тогда можно использовать тегы strong и em:
Также можно использовать теги del и ins вместе. Тег ins помечает текст, который добавлен:
- Удаленный текстДобавленный текст
Если вы хотите выделить только добавленный текст, то используйте теги ins и em:
- Удаленный текстДобавленный текст
Как видите, прямая речь может быть очень полезным инструментом в задаче зачеркивания текста. Она позволяет более гибко управлять отображением контента и выделять нужные элементы.
Использование border-bottom для зачеркивания текста
Отделка текста, такая как зачеркивание, может быть достигнута с помощью использования стилей CSS. Одним из способов зачеркивания текста является применение border-bottom для непосредственно подчеркивания текста.
Для того, чтобы создать зачеркивание, необходимо добавить свойство border-bottom к элементу, содержащему текст, и указать нужный стиль границы и цвет.
Например, чтобы создать зачеркнутый текст, можно использовать следующие правила CSS:
Пример:
- border-bottom: 1px solid black;
В примере выше, 1 пиксельная линия границы будет создана под текстом. Цвет границы черный.
Также можно использовать свойство text-decoration: line-through; для зачеркивания текста, но это свойство зачеркивает текст не полностью, а посередине. border-bottom, с другой стороны, может предоставить полное и совершенное зачеркивание текста.
Выбор между text-decoration и border-bottom зависит от желаемого стиля и эффекта для конкретного текста.
Использование linear-gradient для зачеркивания текста
Зачеркивание текста является распространенным способом выделения слов или фраз в HTML-коде. В традиционной верстке веб-страниц зачеркивание текста реализуется с помощью CSS свойства text-decoration: line-through. Однако, для создания более креативных дизайнерских решений используется метод, основанный на градиентном заливке linear-gradient.
Принцип действия заключается в использовании CSS свойства background-clip: text, которое позволяет применить градиентный залив на текст. Это свойство позволяет определять, как фон будет рисоваться под текстом, создавая эффект заливки внутри текста.
Для реализации градиентного зачеркивания текста при помощи linear-gradient нужно указать цвет градиента и его направление. Например, для создания эффекта зачеркивания текста градиентом вверх-вниз можно использовать следующий CSS стиль:
background-image: linear-gradient(to bottom, red, blue);
В этом примере текст будет зачеркнут градиентом от красного к синему, и направление градиента будет идти сверху вниз. Важно помнить, что при таком подходе цвет текста должен быть установлен в значение «transparent».
Таким образом, использование linear-gradient для зачеркивания текста позволяет создавать более интересные дизайнерские решения, привлекая внимание пользователей и улучшая визуальное оформление веб-страниц.
Использование text-decoration для зачеркивания текста
В CSS есть свойство text-decoration, которое используется для добавления украшений к тексту, включая подчеркивание, линию через текст или зачеркивание.
Для зачеркивания текста нужно указать значение line-through:
Можно добавить и другие значения свойства text-decoration, кроме line-through, например, underline для подчеркивания текста и overline для добавления линии над текстом.
Если вы хотите добавить украшение только к определенному слову внутри абзаца, можно обернуть это слово в тег или и применить стиль только к этим тегам:
Цвет зачеркиваемой линии можно задать через свойство text-decoration-color:
Теперь линия будет красной.
Как зачеркнуть только часть текста при помощи CSS
CSS позволяет выделять элементы на веб-странице и стилизовать их. Иногда требуется зачеркнуть только часть текста на странице. В этом случае можно воспользоваться свойством text-decoration, которое позволяет добавлять различные линии и украшения к тексту.
Для того, чтобы зачеркнуть только часть текста, необходимо выделить эту часть при помощи тегов и классов. Например, если нужно зачеркнуть только название товара на странице интернет-магазина, можно использовать тег с классом «product-name»:
Продукт недели — Авокадо!
Затем, в CSS файле можно добавить следующий код, чтобы зачеркнуть только текст внутри тега :
Таким образом, только название «Авокадо» будет зачеркнуто, а остальной текст останется без изменений.
Если нужно добавить другие украшения к тексту, например, подчеркивание или мигание, можно использовать свойство text-decoration с соответствующим значением:
text-decoration: underline; /* добавить подчеркивание */
text-decoration: blink; /* сделать текст мигающим */
Также, помимо тега , можно использовать другие теги для выделения текста, например, , , , и другие.
В заключение, добавление линий и украшений к тексту при помощи CSS — это простой и эффективный способ выделить важные элементы на веб-странице. При этом, зачеркивание только части текста — это всего лишь один из возможных вариантов его стилизации.
Как сделать двойное зачеркивание текста при помощи CSS
Зачеркивание текста – это один из наиболее популярных способов выделения участков текста и создания эффектного дизайна. Однако, иногда одиночное зачеркивание может не быть достаточным. В этом случае можно использовать двойное зачеркивание, которое позволяет усилить эффект.
Для того, чтобы создать двойное зачеркивание в CSS, необходимо использовать два псевдоэлемента – ::before и ::after, которые будут отображать дополнительные линии. При этом, основной текст будет зачеркнут стандартным способом.
Для начала, определим класс для элемента, который надо зачеркнуть, например, .double-strikethrough. Затем, добавим следующий CSS код:
В этом коде, мы задали основные свойства для класса .double-strikethrough: text-decoration: line-through; указывает на то, что текст внутри элемента должен быть зачеркнут стандартным способом; position: relative; и display: inline-block; необходимы для того, чтобы псевдоэлементы корректно позиционировались внутри родительского элемента.
Для псевдоэлементов используются следующие свойства: content: «»; для создания пустого контента (без него псевдоэлементы не отобразятся); position: absolute;, чтобы позиционировать линии относительно родительского элемента; left: 0; и right: 0; для того, чтобы задать ширину; margin: auto; для центрирования по горизонтали; width: 100%; для того, чтобы линии занимали всю ширину элемента; height: 1px; для задания толщины линий; и background-color: black; для задания цвета линий.
При помощи ::before и ::after, мы создали две дополнительные линии, которые будут находиться сверху и снизу основного текста. Таким образом, мы получаем двойное зачеркивание, которое будет смотреться эффектно и привлекательно.
Как изменить цвет зачеркивания текста при помощи CSS
Зачеркнутый текст – один из стандартных способов выделения слов или фраз в дизайне сайта. И иногда вам может потребоваться изменить стандартный серый цвет зачеркивания на более яркий или наоборот, более нейтральный. Как это сделать при помощи CSS?
Сначала объявите стиль для элемента, который вы зачеркиваете. Например, если вы зачеркиваете строку внутри элемента
, объявите следующий стиль:
Теперь, если вы хотите изменить цвет зачеркивания текста, просто добавьте свойство color к этому стилю и определите желаемый цвет:
Красный зачеркнутый текст
Также вы можете использовать аббревиатуру CSS для объединения свойств text-decoration и color в одном стиле:
Красный зачеркнутый текст
В целом, изменение цвета зачеркивания текста – довольно простой процесс, который может подстроить дизайн вашего сайта под нужды вашего бренда или сообщения.
Как добавить анимацию к зачеркнутому тексту при помощи CSS
Зачеркнутый текст может быть использован для указания на то, что это устаревшая информация либо что данная информация была скрыта. Однако, чтобы сделать его еще более заметным, можно добавить анимацию. Начнем с простого эффекта.
Для создания анимации мы будем использовать ключевые кадры (@keyframes) в CSS. Ниже приведен пример кода:
/* Указываем стиль для простого зачеркнутого текста */
/* Указываем стиль для анимации зачеркивания */
/* Назначаем классу анимацию при наведении курсора мыши */
animation: strike 1s ease-in-out forwards;
В этом примере мы указываем класс .strike для текста, который нужно зачеркнуть, а затем добавляем ключевые кадры, которые задают конечное значение зачеркивания текста. Далее мы назначаем анимацию классу .strike:hover при наведении курсора мыши. Значение 1s устанавливает длительность анимации в 1 секунду, а ease-in-out — указывает на медленное начало и конец анимации. Наконец, значение forwards указывает на то, что конечное значение анимации (становление зачеркнутым) должно оставаться после окончания анимации.
Если же вы хотите создать более сложную анимацию в зависимости от контекста, вы можете использовать свойство animation в сочетании с различными CSS-свойствами, например, цветом и размером текста.
/* Указываем стиль для зачеркнутого текста */
/* Указываем стиль для анимации цвета и размера текста */
/* Назначаем классу анимацию при наведении курсора мыши */
animation: color-change 1s ease-in-out forwards;
В этом примере мы создаем анимацию, которая циклически изменяет цвет и размер текста между черным цветом (с размером шрифта 24 пиксела) и красным цветом (с размером шрифта 26 пикселей).
Вот и все! Теперь вы знаете, как добавить анимацию к зачеркнутому тексту при помощи CSS. Это отличный способ сделать ваш текст более заметным и интересным для взгляда.
Как зачеркнуть текст при использовании селекторов
В CSS зачеркивание текста можно осуществить с помощью свойства text-decoration. Однако, если необходимо зачеркнуть текст только в определенных местах на странице, потребуется использовать селекторы.
Самый простой способ зачеркнуть текст — это использовать селектор :hover. Например, если вы хотите, чтобы при наведении мыши на ссылку она зачеркивалась, нужно использовать следующий код:
Если нужно зачеркнуть текст внутри определенного элемента, можно использовать его имя в селекторе. Например, чтобы зачеркнуть текст внутри элемента с классом «text», нужно использовать следующий код:
Для зачеркивания текста внутри всех элементов определенного типа, например, всех заголовков , можно использовать селектор по типу элемента:
Наконец, если нужно зачеркнуть текст только в том случае, если он находится внутри определенного элемента и является дочерним для другого элемента, можно использовать селектор потомка:
В этом случае текст будет зачеркнут только внутри элемента , который находится внутри элемента с классом «div-class».
В итоге, зная различные способы использования селекторов в CSS, можно легко осуществлять зачеркивание текста в нужных местах на веб-странице.
Как зачеркнуть текст при использовании псевдоэлементов
В CSS имеется несколько способов задания стиля элементам, один из которых – использование псевдоэлементов. Псевдоэлементы позволяют добавлять к элементам дополнительные свойства и стили. Один из таких псевдоэлементов – ::before и ::after, которые могут использоваться для создания элемента, который будет добавляться перед или после основного элемента.
Чтобы зачеркнуть текст при использовании псевдоэлементов ::before или ::after, нужно добавить соответствующее свойство в CSS-код:
- Установите позицию для псевдоэлемента, используя свойство position и задав значение absolute или relative.
- Задайте значение content, чтобы определить элемент, который будет добавляться.
- Задайте значение display для псевдоэлемента, обычно это значение равно inline или block.
- Установите значение text-decoration для псевдоэлемента, равное line-through.
Итак, рассмотрим пример:
В данном примере был создан псевдоэлемент ::before, который добавляет зачеркивание для всех абзацев в веб-странице. Псевдоэлемент установлен перед текстом абзаца и заполнен цветом фона через CSS-свойство background-color. При желании вы можете добавить к псевдоэлементу другие свойства, которые будут определять внешний вид элемента.
Использование псевдоэлементов ::before и ::after позволяет создавать интересные и красивые эффекты на веб-страницах. В случае с зачеркиванием текста это простой и быстрый способ добавить необходимый эффект без необходимости создания дополнительных элементов в HTML-коде.
Вопрос-ответ:
Что такое зачеркнутый текст в css?
Зачеркнутый текст — это текст, который на веб-странице отображается с линией, которая проходит по нему сверху. Он может использоваться для обозначения зачеркнутого или устаревшего контента.
Как добавить зачеркивание текста в css?
Чтобы добавить зачеркивание в css, нужно использовать свойство «text-decoration» со значением «line-through». Например: тег span
Как убрать зачеркивание текста в css?
Чтобы убрать зачеркивание в css, нужно использовать свойство «text-decoration» со значением «none». Например: тег span
Как изменить цвет зачеркнутого текста в css?
Чтобы изменить цвет зачеркнутого текста в css, нужно использовать свойство «text-decoration-color». Например: тег span
Как изменить толщину линии зачеркнутого текста в css?
Чтобы изменить толщину линии зачеркнутого текста в css, нужно использовать свойство «text-decoration-thickness». Например: тег span
Как зачеркнуть только часть текста в css?
Чтобы зачеркнуть только часть текста в css, нужно использовать тег span и применять к нему стиль, включающий свойство «text-decoration». Например:
Этот текст будет зачеркнут, а этот нет.
Как зачеркнуть текст при наведении на него курсора в css?
Чтобы зачеркнуть текст при наведении на него курсора в css, нужно использовать псевдокласс «:hover» и применять к нему стиль, включающий свойство «text-decoration». Например: тег span:hover
Перечёркнутый текст
С помощью CSS свойства text-decoration-color , который задаёт цвет линии (не поддерживается в Internet Explorer и Edge).
Перечёркнутый текстТакже можно изменить стиль линии с помощью text-decoration-style .
| Значение | Описание | Пример |
|---|---|---|
| text-decoration-style: solid; | Одинарная линия | Текст |
| text-decoration-style: double; | Двойная линия | Текст |
| text-decoration-style: dotted; | Точечная линия | Текст |
| text-decoration-style: dashed; | Пунктирная линия | Текст |
| text-decoration-style: wavy; | Волнистая линия | Текст |
Второй способ
Тегу задается цвет линии, вложенному цвет текста.
Текст зачёркнут красной линией del < color: red; text-decoration: line-through; >del span
Третий способ
Линия добавляется псевдо элементом :before , но у текста не должно быть переносов.
Перечёркнутый текстdel < position: relative; color: #000; text-decoration: none; >del:before
При такой реализации, можно расположить линию за текстом.
del < position: relative; color: #000; text-decoration: none; >del:before
21.08.2019, обновлено 30.08.2019
Предыдущая запись Ведущие нули у ol
Следующая запись Перечёркивание текста по диагонали
Комментарии
Авторизуйтесь, чтобы добавить комментарий.
Другие публикации
Ниже приведён список MIME-заголовков и расширений файлов.
Сборник горизонтальных линий с тегом hr разных видов и стилей.
Вопрос генерации QR-кодов в PHP достаточно освещён, есть много библиотек, одной из них является «PHP QR Code» – быстрый и легкий класс, рассмотрим его применение совместно с графической библиотекой.