Почему браузеры стали неправильно подчёркивать ссылки

Причём, зараза неправильного-подчёркивания-с-разрывами распространилась даже на MS Edge. А начал всё, как обычно, "Хромой", остальные потом собезьянничали.

Как подчёркиваются ссылки теперь и как подчёркивались раньше

Небольшое расследование показало, что "виновато" свойство CSS3 text-decoration-skip-ink, которое стали интерпретировать именно таким образом.

Чтобы вернуть всё как было, просто укажите в стиле сайта

a {
 text-decoration-skip-ink: none;
}

Впрочем, если ссылок на страницах много, лучше их по умолчанию не подчёркивать вовсе, а только при наведении, как сделано и в этом блоге:

a { 
 text-decoration: none;
}
a:hover { 
 text-decoration: underline; 
}

Наконец, можно легко подчёркивать ссылки другим цветом и стилем. Для этого в CSS3 есть свойства text-decoration-color, text-decoration-line и text-decoration-style.

17.09.2022, 11:52 [313 просмотров]