СКРИПТЫ
ТЕГИ:
php (285)
js (167)
html (139)
css (119)
html tags (61)
jquery (40)
text (37)
form html (30)
php array (30)
fonts (27)
ruweb.net (23)
foto (22)
online (22)
Показать еще :
php file (21)
atom (20)
forum (19)
svg (18)
board (17)
hosting (17)
js method (16)
html book (16)
input (16)
link (15)
color (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
dw block (12)
path (12)
select (12)
js delete (12)
icon (11)
keyboard (11)
jsphp (11)
php img (11)
info (11)
img (11)
php time (11)
form (11)
download (11)
notepad (11)
url (10)
mouse (10)
js time (9)
yandex (9)
cookie (7)
php url (7)
comment (7)
dosite (7)
task (7)
hover (7)
iframe (6)
list (6)
year (6)
mysql (6)
click (6)
js url (6)
ftp (5)
heading (5)
php get (5)
search (5)
adminka (5)
js id (5)
browser (5)
mb (5)
value (5)
chart (5)
week (4)
mounth (4)
bbcode (4)
day (4)
нок (4)
reg.ru (4)
vk (4)
submit (4)
captcha (4)
js form (4)
console (4)
symbols (4)
ucoz (3)
js post (3)
line (3)
https (3)
pages (3)
scandir (3)
ssl (3)
js img (3)
vs code (3)
padding (3)
куб (2)
js vars (2)
video (2)
youtube (2)
seo (2)
details (2)
title (2)
cursor (2)
base64 (2)
second (2)
tag hr (2)
money (2)
рся (2)
typeof (2)
arrows (2)
counter (2)
height (2)
qr kod (2)
sitemap (2)
нод (1)
windows (1)
google (1)
header (1)
numbers (1)
archive (1)
domen (1)
speed (1)
books (1)
smile (1)
scroll (1)

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

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

Подробно о text-decoration underline

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

  1. Text-decoration:underline в теге

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

    text-decoration:underline в теге.

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

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

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

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

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

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


  2. Text-decoration:underline в теге style

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

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

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

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

    <style>.text_decoration_underline{text-decoration:underline;}</style>

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

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

    <style>.text_decoration_underline{text-decoration:underline;}</style>

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

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

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

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


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

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

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

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

    .text_decoration_underline_2{text-decoration:underline;}

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

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

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
07.07.2022 13:02
Вам спасибо, что оценили! На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
Михаил :
02.06.2022 20:10
Ну вот только для этого может быть ;) А так, нет смысла…
подробнее.
Марат :
02.06.2022 15:59
Чтобы вы зашли на данную страницу и нажали на…
подробнее.
ruweb
Страница загружена за : 0.018978 секунд. Подробнее