THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <style> scoped Attribute

HTML style Tag Reference HTML <style> tag

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 »

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


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

Differences Between HTML 4.01 and HTML5

The scoped attribute is new in HTML5.


Differences Between HTML and XHTML

In XHTML, attribute minimization is forbidden, and the scoped attribute must be defined as <style scoped="scoped" />.


Syntax

<style scoped>

HTML style Tag Reference HTML <style> tag

COLOR PICKER

colorpicker

SHARE THIS PAGE






Search w3schools.com:

Translate w3schools.com: