English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML style scoped属性

scoped属性はボルン属性であり、scoped属性を使用すると、スタイルはstyle要素の親要素およびその子要素にのみ適用されます。

 HTML <style> タグ

オンラインサンプル

scope属性を使用して<div>要素のスタイルを説明します:

<div>
<style type="text/css" scoped>
h1 {color:yellow;}
p {color:green;}
</style>
<h1>このタイトルは黄色です</h1>
<p>この段落は緑色です。</p>
</div>
テストをしてみる ‹/›

ブラウザの互換性

テーブルの数字は、属性がサポートされた最初のブラウザバージョン番号を示します。
属性




scopedサポートされていませんサポートされていません21.0サポートされていませんサポートされていません

定義と用法

scoped属性はボルン属性です。

scoped属性を使用する場合、スタイルはstyle要素の親要素およびその子要素にのみ適用されます。

HTML 4.01 とHTML5の違い

scoped属性はHTML5 に追加された属性。

HTMLとXHTMLの違い

XHTMLでは、属性は省略不可で、scoped属性は以下のように定義する必要があります:<style scoped="scoped" /》。

文法

<style scoped>
 HTML <style> タグ