Tutorials References Exercises Menu
Paid Courses

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.


Applies to

The scoped attribute can be used on the following element:

Element Attribute
<style> scoped

Example

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>
Try it Yourself »

Browser Support

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