MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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  

Сумісність із браузерами

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> дозволяє використовувати зовнішні таблиці стилів.

Мітки документа й учасники

 Зробили внесок у цю сторінку: asmforce
 Востаннє оновлена: asmforce,