Фоновое подчеркивание для выделения текста, CSS свойство text-decoration-skip

После рассмотрения мини-тренда с летающими логотипами хотим познакомить вас с еще одной актуальной темой, о которой недавно написали в Medium. Речь пойдет про весьма оригинальный способ выделения

текста с помощью фоновой «подложки» в виде цветной жирной линии. Ниже в статье найдете парочку примеров данной техники.

Само по себе решение вызывает достаточно неоднозначную реакцию у сообщества. Еще со времен зарождения классического «однопиксельного» подчеркивания некоторых дизайнеров смущает пересечение нижних полосок с буквами. В последствии были придуманы разные хаки и даже специальное CSS свойство (text-decoration-skip). С другой стороны такой прием позволяет выделить нужный участок текста, ссылку либо конкретные слова в предложении, сделав типографику страницы чуть более интересной.

Прочитано 434 раз

Закажите звонок!
и мы свяжемся с вами в ближайшее время

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


Нажимая на кнопку, вы даете согласие на обработку своих персональных данных, соглашаетесь с "Пользовательским соглашением" и ознакомлены с "Политикой конфиденциальности