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 |
