<style> - элемент для указания стилей

Краткое описание

HTML-элемент <style> содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.

Категории содержимого (en-US)Metadata content, and if the scoped attribute is present: flow content.
Permitted content Style information matching the language of the type attribute.
Tag omission Нет, открывающий и закрывающий теги обязательны.
Допустимые родительские элементы ...
Интерфейс DOM HTMLStyleElement (en-US)

Атрибуты

This element includes the global attributes.

type: Этот атрибут определяет язык стиля в виде MIME-типа (кодировка не указывается). Этот атрибут необязателен, и при отсутствии считается «text/css».
media: К какому виду медиа должен применяться этот стиль. Значением этого атрибута является медиавыражение (en-US), которое по умолчанию соответствует all.
scoped: Если указан этот атрибут, то стиль применяется только внутри своего родительского элемента. Если не указан, то стиль применяется ко всему документу.
title: Specifies alternative style sheet sets.
disabled: If set, disables (does not apply) the style rules, specified within the element, to the Document.

Примеры

Простая таблица стилей

html

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

Таблица стилей с ограниченной областью действия

html

<article>
  <div>
    Атрибут scoped позволяет включить элементы стиля в середине документа.
    Внутренние правила применяются только внутри родительского элемента.
  </div>
  <p>
    Этот текст должен быть чёрным. Если он красный, ваш браузер не поддерживает
    атрибут scoped.
  </p>
  <section>
    <style scoped>
      p {
        color: red;
      }
    </style>
    <p>Этот должен быть красным.</p>
  </section>
</article>

Live sample

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

Specification
HTML Standard # the-style-element

Совместимость браузеров

BCD tables only load in the browser

Смотрите также

Элемент <link>, позволяющий использовать внешние таблицы стилей.