Как сделать, чтобы списки ul>li были всегда подчеркнутыми?

Question

[Vkok]

Как присвоить подчеркивание спискам li? Чтобы слова, заключенные в <li> были всегда подчеркнутыми?

<ul>
<li>Слово</li>
<li>Слово</li>
<li>Слово</li>
</ul>

Answer 1

[Stockholm Syndrome]

li {
  text-decoration: underline;
}

Answer 2

[Антон Р.]

Черная рамка по низу:

li {
 border-bottom: 1px solid #000;
}

Comments

[NaN]

зачем делать border, если есть text-decoration?

[Антон Р.]

NaN, ну например цвет подчеркивания задать или сделать пунктиром или еще как-то.

[NaN]

Антон Р., если смотреть со стороны семантики, то именно text-decoration предназначен для подчеркивания, к тому же ему так же можно задать цвет, пунктир и тд. Бордером конечно тоже можно, но стоит ли?

[Vkok]

цвет так можно сделать:

text-decoration: underline;
 text-decoration-color: #72c3fa;

[archelon]

NaN, а с точки зрения UX нельзя подчеркивать элементы, которые не являются ссылками.

[Антон Р.]

NaN, а отступ линии от текста тоже через декоратион можно?

[Антон Р.]

archelon, мне кажется подчеркивание ссылок это уже анахронизм.

[archelon]

Антон Р., ссылки необязательно подчеркивать, можно выделять и иными способами.
но подчеркнутые элементы воспринимаются именно как ссылки.
поэтому если задача не поставлена специально «нарочно сбить пользователя с толку», то так делать не надо.

[NaN]

а отступ линии от текста тоже через декоратион можно?

Антон Р., не, отступ не получится так сделать