Пунктирне підкреслення в тексті використовується для позначення нового терміна або абревіатури. Спеціально призначені для цієї мети теги <abbr> і <acronym> додають до тексту спливаючу підказку і встановлюють пунктирне підкреслення. Але оскільки така поведінка не стандартизовано, то деякі браузери додають підкреслення, а деякі ні. Щоб все виглядало однаково, краще скористатися стилями, створивши підкреслення за допомогою властивості border-bottom, як показано в прикладі 1.
Приклад 1. Пунктирне підкреслення
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пунктирне підкреслення</title> <style> .term { border-bottom: 1px dotted red; /* Параметри лінії */ } </style> </head> <body> <p>Веб-дизайн — методи і прийоми оформлення вигляду <span class="term" title="Гіпертекстовий документ">веб-сторінок</span>.</p> </body> </html>
Результат цього прикладу показано на рис. 1.
Рис.1. Пунктирне підкреслення тексту червоним кольором