Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

text-decoration line-through использование примеры.

Поддержи проект!!! smile

Text-decoration:line-through. Свойство Text-decoration со значением line-through, перечислим все возможные способы применения text-decoration:line-through.

Подробно о text-decoration line-through

  1. Text-decoration:line-through в теге
  2. Text-decoration:line-through в теге style
  3. Text-decoration:line-through в файле css
  1. Text-decoration:line-through в теге

    Как вы знаете, для css возможны "3 способа css". Начнем с использования

    text-decoration:line-through в теге.

    Для этого нам понадобится:

    Любой тег, пусть это будет div:

    <div>Здесь текст</div>

    Внутрь помещаем attribute style с text-decoration:line-through

    <div style="text-decoration:line-through">Здесь текст</div>
    Результат:
    Здесь текст
    Как видим, наш текс, который находится внутри div с атрибутом style и свойством и значением: text-decoration:line-through - выполнил возложенную на него обязанность и он текст!

    Как это было и задумано!

  2. Text-decoration:line-through в теге style

    С attribute style разобрались в предыдущем пункте, теперь давайте используем тег style, чтобы также протестировать работу text-decoration:line-through

    Нам опять понадобится какой-то тег для экспериментов, пусть это будет опять div

    <div>Здесь текст</div>

    В теге style, размещаем класс "text_decoration_line_through" со свойством text-decoration и значением line-through

    <style>.text_decoration_line_through{text-decoration:line-through;}</style>

    Этот же класс размещаем внутри тега div:

    <div class="text_decoration_line_through">Здесь текст</div>
    Соберем весь код вместе:

    <style>.text_decoration_line_through{text-decoration:line-through;}</style>

    <div class="text_decoration_line_through">Здесь текст</div>

    Результат:
    Здесь текст

    Вывод о text-decoration:line-through в теге style

    Здесь аналогичное поведение данного свойства и значения, он наш текст

  3. Text-decoration:line-through в файле css

    Чем будет отличаться данный пункт от предыдущего!?

    Только тем, что сами стили мы располагаем в файле css.

    Данные стили размещаем в файле css

    .text_decoration_line_through_2{text-decoration:line-through;}

    А блок, копия предыдущего!

    <div class="text_decoration_line_through_2">Здесь текст</div>
    Результат :
    Здесь текст


Последняя дата редактирования : 19.01.2021 17:16
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
Тег u

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
29/04/2021 01:46
Реанимирована страница о "шаблонах в DREAMWEAVER"!Эта программа была основной для редактирования моих сайтов на…
подробнее.
Марат :
23/04/2021 04:35
Страница обновлена - добавлен скрипт - всё в одном. Скачивание картинку по…
подробнее.
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.