Поиск

Кривое подчёркивание ссылок в Google Chrome

Начиная с версии 64 Chrome начал добавлять разрывы в подчеркивании у ссылок, что приводит к следующему результату:

Разрывы в подчеркивании у ссылок

Связано это с введением нового CSS свойства text-decoration-skip-ink которое указывает как делать подчеркивание и значением auto по умолчанию.

none Подчеркивание рисуются по всей длине текстового содержимого
auto Подчеркивание отображаются только там, где оно не касаетсятся буквы

Исправить это можно следующим образом:

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

Подчеркивание рисуются по всей длине текстового содержимого

13.03.2018, обновлено 22.10.2019 1583

Темы

#Chrome #CSS #Google

Другие публикации

В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
17.01.2018 3144
Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими...
16.09.2019 207
Описание значений глобального массива $_SERVER с примерами.
03.10.2018 1807
Несколько примеров как добавить CSS-свойства к HTML странице.
08.04.2018 770
При оптимизация скорости работы сайта инструменты типа Google PageSpeed Tools рекомендуют использовать кэш браузера и...
06.12.2016 2378
Замена URL, e-mail и текста на HTML-теги по регулярному выражению PHP.
09.08.2019 318