Текст, заключенный в контейнеры ABBR и ACRONYM, во многих браузерах по умолчанию подчёркивается пунктирной линией. И надо заметить, вид этих линий, как правило, не вписывается в общий стиль веб-страницы, установленный веб-разработчиком. К тому же, в разных браузерах вид этих линий может значительно отличаться (см. рис. ниже).
Отменить стандартное подчёркивание аббревиатур и акронимов, установленное в браузерах по умолчанию, позволяет следующее стилевое правило:
abbr, acronym { text-decoration: unset; }
При необходимости веб-разработчик может установить какое-то иное подчёркивание, соответствующее общему стилю веб-страницы. Например:
abbr, acronym { text-decoration: unset; border-bottom: 1px dashed red; }
В браузере это будет выглядеть следующим образом:
Поскольку элементы ABBR и ACRONYM обычно снабжаются всплывающими подсказками, содержащими расшифровку сокращений, будет нелишним указать пользователю на наличие такой подсказки путём изменения вида курсора мыши при наведении мыши на соответствующий элемент. Например:
abbr, acronym { text-decoration: unset; border-bottom: 1px dashed blue; cursor: help; }
В браузере же это будет выглядеть следующим образом:
Другие статьи по схожей тематике
