Перечеркнутый текст css: Делаем текст зачеркнутым с помощью HTML

 Привет ! Мы продолжаем изменять 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 указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.

Устанавливает интервал между словами.

Указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область.

Устанавливает направление текста на странице.

О сайте

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

Основные разделы

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

Сайт

Вёрстка

Макеты

Веб-сервер

© 2002–2020 Влад Мержевич, по всем вопросам пишите по адресу [email protected]

Подпишитесь на материалы сайта по RSS

— Веб-технология для разработчиков

Элемент HTML (или элемент зачеркивания HTML ) размещает зачеркнутую (горизонтальную линию) над текстом.

Примечание по использованию: Этот элемент устарел в HTML 4 и XHTML 1 и устарел в HTML5. Если семантически уместно, то есть, если оно представляет удаленного контента, используйте вместо него . Во всех остальных случаях используйте .

атрибутов

Этот элемент включает в себя глобальные атрибуты.

Пример

 & lt; strike & gt ;:  Сегодняшнее специальное предложение: лосось  ПРОДАНО 

& lt; s & gt ;:  Сегодняшнее специальное предложение: лосось  ПРОДАНО
 

Результат этого кода:

Технические характеристики

Совместимость браузера

  ч2 {
  / * Требуется префикс. Даже Firefox поддерживает только префикс -webkit- * /
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: черный;
}  

  ч2 {
  -Webkit-Text-Stroke: 1px черный;
}  

  ч2 {
  черный цвет;
  -webkit-text-fill-color: белый; / * Заменяет цвет (независимо от порядка) * /
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: черный;
}  

  @supports (-webkit-text-stroke: 1px black) {
  h2 {
    -Webkit-Text-Stroke: 1px черный;
    -webkit-text-fill-color: белый;
  }
}