Вы здесь

HTML тег style

Тег <style> определяет информацию о том, как должны отображаться различные элементы внутри веб-страницы. Иными словами он позволяет определить CSS стили на уровне веб-страницы. Чтобы подключить внешние стили, необходимо использовать элемент <link>.

Если атрибут scoped не установлен, то элемент <style> должен располагаться внутри элемента <head>.

На одной веб-странице можно использовать сколько угодно элементов <style>.

Разница между HTML 4.01 и HTML5
В HTML5 был добавлен атрибут scoped, позволяющий определять стили для конкретных разделов веб-страницы. Если в документе присутствует элемент с атрибутом scoped, то стили, определенные в нем, будут применяться только к тому элементу, внутри которого определен этот элемент <style>, и к вложенным в него элементам.
Атрибуты тега <style>
Атрибут Описание
media Определяет устройство вывода, для которого оптимизирована таблица стилей
scoped Ограничивает сферу действия элемента <style>
type Определяет медиа-тип элемента <style>
HTML пример


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

<h1>Заголовок</h1>
<p>Текстовый абзац.</p>

</body>
</html>

CSS стили по умолчанию

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


style { 
    display: none;
}