HTML scoped Attribute

Definition and Usage

The scoped attribute is a boolean attribute.

When present, it specifies that the styles only apply to this element's parent element and that element's child elements (not the entire document).

Note: The scoped attribute is deprecated and will be removed. Do not use it.

The scoped attribute can be used on the following element:

Element	Attribute
<style>	scoped

Use the scope attribute to specify a style for a <div> element:

<div>
<style scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</div>

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
scoped	Not supported	Not supported	21.0 - 55.0	Not supported	Not supported