例
使用scopeのスタイルを指定する属性を<div>要素:
<div>
<style scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</div>
»それを自分で試してみてください 定義と使用法
scoped属性は論理属性です。
存在する場合、それはスタイルが唯一のこの要素の親要素とその要素の子要素(全体ではなく、文書)に適用されることを指定します。
ブラウザのサポート
表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。
属性 | |||||
---|---|---|---|---|---|
scoped | サポートされていません | サポートされていません | 21.0 | サポートされていません | サポートされていません |
HTML 4.01とHTML5の違い
scoped属性はHTML5で新しく追加されました。
HTMLとXHTMLの違い
XHTMLでは、属性の最小化は禁止され、そしてscopedなどの属性を定義する必要があります<style scoped="scoped" />
構文
<style scoped>