slot グローバル属性 は shadow DOM シャドーツリー内の slot をある要素に割り当てます。 slot 属性をもつ要素は、name 属性の値がその slot 属性の値と一致する <slot> 要素により生成された slot に割り当てられます。
例えば、我々の Using templates and slots ガイドをみてください。
仕様
ブラウザ互換性
| 機能 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本対応 | 53 |
? | 591
あり — 592 |
? | 40 | 10
-webkit-
|
| 機能 | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|
| 基本対応 | 53 | 53 |
? | 591
あり — 592 | 40 | 10.1 | 6.0 |
1. From version 59: this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
2. Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
| デスクトップ | モバイル |
|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Android 版 Chrome | Edge Mobile | Android 版 Firefox | Android 版 Opera | iOS 版 Safari | Samsung Internet |
|---|
| 基本対応 |
完全対応
53 |
?
|
完全対応
59-
完全対応
59
- 無効 From version 59: this feature is behind the
dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config. -
未対応
? — 59
- 無効 Until version 59 (exclusive): this feature is behind the
dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
|
?
|
完全対応
40 |
完全対応
10-
完全対応
10
- 接頭辞付き -webkit- のベンダー接頭辞が必要
|
完全対応
53 |
完全対応
53 |
?
|
完全対応
59-
完全対応
59
- 無効 From version 59: this feature is behind the
dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config. -
未対応
? — 59
- 無効 Until version 59 (exclusive): this feature is behind the
dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
|
完全対応
40 |
完全対応
10.1 |
完全対応
6.0 |
|---|
凡例
-
完全対応
- 完全対応
-
実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- 使用するには、ベンダー接頭辞または異なる名前が必要です。
- 使用するには、ベンダー接頭辞または異なる名前が必要です。
参照