HTML Атрибут scoped

Атрибут scoped (от англ. "scoped" — «область видимости») указывает, что стили применяются не ко всему документу, а только к родительскому элементу и его дочерним элементам. Элемент <style> при этом размещается не внутри элемента <head>, а внутри того родительского элемента для которого применяются стили.

Синтаксис

<style scoped> ... </style>

Значения

Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением scoped.

Значение по умолчанию

Нет.

Применяется к тегам

<style>

Отличия HTML 4.01 от HTML 5

Атрибут был добавлен в HTML 5.

Пример использования:

Атрибут scoped

В следующем примере устанавливаются стили только для элемента <section>

Пример HTML:

Попробуй сам

<section>
    <style scoped>
      p { color: red; }
    </style>
    <p>Этот текст должен быть красным.</p>
  </section>

Поддержка браузерами

Атрибут
scoped						21+

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

Учебник HTML

HTML уроки: HTML Атрибуты

Kwork.ru - услуги фрилансеров от 500 руб.

Справочники

HTML Атрибуты