ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML теги. Полный справочник

HTML тег <style>


Пример

Использование элемента <style> в HTML документе:

<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>

<h1>Заголовок</h1>
<p>Параграф.</p>

</body>
</html>
Попробуйте сами »

Определение и использование

Тег <style> используется для определения информации о стиле для документа HTML.

Внутри элемента <style> указывается, как HTML элементы должны отображаться в браузере.

Каждый HTML-документ может содержать несколько тегов <style>.


Поддержка браузерами

Элемент
<style> Yes Yes Yes Yes Yes

Советы и примечания

Совет: Для ссылки на внешнюю таблицу стилей используйте тег <link>.

Совет: Чтобы узнать больше о таблицах стилей, прочитайте CSS Учебник на нашем сайте.


Атрибуты

Атрибут Значение Описание
media media_query Указывает, для какого медиа / устройства оптимизирован медиаресурс
type text/css Определяет медиа тип тега <style>

Глобальные атрибуты

Тег <style> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <style> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML учебник: HTML CSS

CSS учебник: CSS Учебник

HTML DOM справочник: Объект Style


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <style> со следующими значениями по умолчанию:

style {
  display: none;
}