HTML <style> scoped属性
例
scope 属性を使用して <div> 要素のスタイルを記述します：
<div>
<style type="text/css" scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>この見出しは赤色です</h1>
<p>この段落は青色です。</p>
</div>
試してみる »
ブラウザサポート
表内の数字は、その属性をサポートする最初のブラウザバージョンを示します。
| 属性 | |||||
|---|---|---|---|---|---|
| scoped | サポートされていません | サポートされていません | 21.0 | サポートされていません | サポートされていません |
定義と使い方
この属性は削除されており、使用は推奨されません。
scoped 属性は論理属性です。
この属性を使用すると、スタイルは style 要素の親要素とその子要素にのみ適用されます。
HTML 4.01 と HTML5 の違い
scoped 属性は HTML5 の新しい属性です。
HTML と XHTML の違い
XHTML では属性の省略は許可されていないため、scoped 属性は <style scoped="scoped" /> のように定義する必要があります。
構文
<style scoped>
HTML <style> タグ その他の拡張