scoped 属性は、ブール型属性です。
指定された場合、スタイルを、(文書全体ではなく)この要素の親要素とその要素の子要素のみに適用することを指定します。
scoped 属性は、以下の要素で使用することができます:
要素 | 属性 |
---|---|
<style> | scoped |
スタイルを指定するために <div> 要素に scope 属性を使用します:
<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 ❯
表中の数字は、属性を完全にサポートした最初のブラウザ・バージョンを指定しています。
属性 | |||||
---|---|---|---|---|---|
scoped | サポートなし | サポートなし | 21.0 | サポートなし | サポートなし |