X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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 »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The scoped attribute is currently supported only in Firefox.


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


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

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook