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).
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 | Not supported | Not supported |