САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Атрибут scoped



Определение и использование

Атрибут scoped является логическим атрибутом.

При наличии, атрибут scoped указывает, что стили применяются только к родительскому элементу этого элемента и дочерних элементов этого элемента (не весь документ).


Применение

Атрибут scoped можно использовать для следующего элемента:

Элемент Атрибут
<style> scoped

Пример

Используйте атрибут scope, чтобы задать стиль для элемента <div>:

<div>
<style scoped>
h1 {color:red;}
p {color:blue;}

</style>
<h1>Это Заголовок</h1>
<p>Это параграф.</p>
</div>
Попробуйте сами »

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.

Атрибут
scoped Не поддерживает Не поддерживает 21.0 Не поддерживает Не поддерживает