phpjsJqueryhtmlcssblog

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

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

Скопировать ссылку



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 - выполнил возложенную на него обязанность и он текст!


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

Скопировать ссылку



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

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

Скопировать ссылку



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

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

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

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

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


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

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

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---