Главная
HTML-тег <style>
Характеристики
- Тип: метаданные, семантический, статичный
- Назначение: Внедряет встроенные CSS-стили в документ.
- Родители: <head> или <body>
- Потомки: Текстовые узлы с CSS-кодом.
- Глобальные атрибуты: все
- Атрибуты событий: нет
Атрибуты
- type — Тип контента (обычно text/css).
- media — Медиа-запрос для определения, когда применять стили.
Пример использования
<style>
body {
background-color: #f0f0f0;
}
</style>
Использование в JavaScript
// Добавление стилей через JavaScript
const styleElement = document.createElement('style');
styleElement.textContent = 'body { background-color: #f0f0f0; }';
document.head.appendChild(styleElement);
Рекомендации по обеспечению доступности (a11y)
- Убедитесь, что стили не нарушают контрастность текста и фона.
- Избегайте использования CSS, которое может вызвать проблемы с доступностью, например, отключение фокуса элементов.
Полезные ссылки