<style>

HTML-елемент <style> містить стилі для документа чи його частини. За відсутності атрибута type, мовою інструкцій всередині цього елемента вважається CSS.

Категорії вмісту	Метадані та, в разі наявності атрибута `scoped,`потоковий вміст.
Дозволений вміст	Текстовий вміст, що відповідає атрибутові `type`, зазвичай `text/css`.
Обов'язковість тегів	Обидва обов'язкові.
Дозволені пращури	Будь-який елемент, що може містити метадані.
Дозволені ARIA-ролі	ВІдсутні
Інтерфейс DOM	`HTMLStyleElement`

Атрибути

Цей елемент має глобальні атрибути.

type: Цей атрибут вказує MIME-тип (без частини, що вказує кодування символів), який відповідає задіяній мові стилів. Він є необов'язковим та за умовчанням має значення text/css.
media: Цей атрибут вказує медіазапит для обмеження застосування стилів. Стилі застосовуються без обмежень (те саме, що і значення all), якщо атрибут відсутній.
title: Позначає назву альтернативної множини стилів.
scoped: Якщо цей атрибут присутній, таблиця стилів застосовуються лише до нащадків батьківського (для <style>) елемента.

Приклади

Найпростіша таблиця стилів

<style type="text/css">
  body {
    color: red;
  }
</style>

Застосування атрибута `scoped`

<html>
  <head>
    <style type="text/css">
      span {
        color: red;
      }
    </style>
  </head>

  <body>
    <div>
      <style type="text/css" scoped>
        span {
          color: orange;
        }
      </style>
      <span>Помаранчевий текст!</span>
    </div>

    <span>Червоний текст!</span>
  </body>
</html>

Специфікації

Специфікація	Статус	Коментар
HTML Living Standard The definition of 'style' in that specification.	Living Standard
HTML5 The definition of 'style' in that specification.	Recommendation	Жодних змін відносно HTML 4.01 Specification.
HTML 4.01 Specification The definition of 'style' in that specification.	Recommendation

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Базова підтримка	1.0	(Yes)	1.0 (1.7 or earlier)	3.0	3.5	1.0
Атрибут scoped	20^[1]	?	21	No support	No support	No support

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Базова підтримка	1.0	(Yes)	1.0 (1.0)	9.0^[2]	6.0	1.0
Атрибут scoped	?	No support	50	No support	No support	No support

[1] Підтримується версіями Chrome з 20 по 34 включно за наявності встановленого прапорця «Enable <style scoped>» чи «Experimental WebKit features» у chrome://flags.
[2] Mobile Internet Explorer (попередня назва IE Phone — версій менших за 8) також підтримує.

Див. також

Елемент <link> дозволяє використовувати зовнішні таблиці стилів.