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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Атрибуты

This element includes the global attributes.

type

Этот атрибут определяет язык стиля в виде MIME-типа (кодировка не указывается). Этот атрибут необязателен, и при отсутствии считается «text/css».

media

К какому виду медиа должен применяться этот стиль. Значением этого атрибута является медиавыражение, которое по умолчанию соответствует 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>, позволяющий использовать внешние таблицы стилей.