Как сделать пунктирное подчеркивание текста?

🕛 22.01.2009, 23:56
Пунктирное подчеркивание в тексте используется для обозначения нового термина или аббревиатуры. Специально предназначенные для этой цели теги <ABBR> и <ACRONYM> добавляют к тексту всплывающую подсказку и устанавливают пунктирное подчеркивание. Но поскольку такое поведение не стандартизировано, то некоторые браузеры добавляют подчеркивание, а некоторые нет. Чтобы все выглядело одинаково, лучше воспользоваться стилями, создав подчеркивание с помощью атрибута border-bottom, как показано в примере 1.
Пример 1. Пунктирное подчеркивание

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пунктирное подчеркивание</title> <style type="text/css"> .term { border-bottom: 1px dotted red; /* Параметры линии */ } </style> </head> <body> <p>Веб-дизайн - методы и приемы оформления вида <span class="term" title="Гипертекстовый документ">веб-страниц</span>.</p> </body>
</html>