Как на HTML сделать пунктирное подчеркивание?

Question

Как на HTML сделать пунктирное подчеркивание?

G0riJIaZ Профи (745), на голосовании 2 недели назад

Нужно подчеркнуть пунктиром два слова из всего текста, как это сделать? обычное подчеркивание через <u>, но нужен именно пунктир

Answer 1

Ljar Просветленный (28648) 1 месяц назад

CSS -> border-bottom

G0riJIaZПрофи (745) 1 месяц назад

на нотпаде++ делаем, вообще без понятия где это находится

Ljar Просветленный (28648) G0riJIaZ,

 <!DOCTYPE html> 
<html lang="ru"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>SVG Пунктирное подчеркивание</title> 
</head> 
<body> 
    <p>Это обычный текст, а это <svg width="150" height="20"> 
        <text x="0" y="15" font-family="Arial" font-size="14">пунктирное подчеркивание</text> 
        <line x1="0" y1="20" x2="150" y2="20" stroke="black" stroke-width="1" stroke-dasharray="5,5"/> 
    </svg>.</p> 
</body> 
</html>

Answer 2

Celtic Hammer Мудрец (16450) 1 месяц назад

border-bottom-style: dotted

Semen KapacukГуру (3743) 1 месяц назад

Это точечное, а не пунктирное подчеркивание

Semen Kapacuk, ye pyfxbn? lfitl? xt ljt///fkcz!

Answer 3

Вот интересный вариант без css:

 <abbr title="">подчеркнутый текст</abbr>

P.S. лучше так не делать, этот тег предназначен совсем для другого. Но ради разнообразия вариантов решил написать

Answer 4

 u {
  text-decoration: underline dashed;
}

Добавить это в css файле.
Если есть другие элементы в теге u, но им не надо такое подчеркивание, то нужно дать класс этому элементу и стили прописать классу