Атрибут style тега <acronym>
Описание
Атрибут style позволяет задавать CSS-стили непосредственно для элемента <acronym>. Эти инлайновые стили имеют высокий приоритет.
Синтаксис:
<acronym style="css-свойства" title="...">Акроним</acronym>
Часто используемые стили:
| Свойство | Пример | Эффект |
|---|---|---|
| text-decoration | text-decoration: underline dotted |
Пунктирное подчеркивание |
| cursor | cursor: help |
Изменение вида курсора |
| color | color: #0066cc |
Изменение цвета текста |
| font-weight | font-weight: bold |
Жирное начертание |
Примеры стилизации:
1. Базовая стилизация:<acronym style="text-decoration: underline dotted; cursor: help" title="World Wide Web">WWW</acronym>
<acronym style="color: #cc0000; font-weight: bold" title="Critical System Component">CSC</acronym>
Рекомендации:
- Избегайте инлайновых стилей в пользу CSS-классов
- Используйте для быстрого прототипирования
- Для сложных проектов выносите стили в отдельный CSS-файл
- В новых проектах заменяйте на
<abbr>
Ограничения:
- Высокая специфичность (сложность переопределения)
- Усложняет поддержку кода
- Не поддерживает псевдоклассы (:hover и др.)
Альтернатива с классами:
<style>
.acronym {
text-decoration: underline dotted;
cursor: help;
}
.important {
color: #cc0000;
font-weight: bold;
}
</style>
<acronym class="acronym important" title="...">API</acronym>