これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

slot グローバル属性 は shadow DOM シャドーツリー内の slot をある要素に割り当てます。 slot 属性をもつ要素は、name 属性の値がその slot 属性の値と一致する <slot> 要素により生成された slot に割り当てられます。

例えば、我々の Using templates and slots ガイドをみてください。

仕様

Specification Status Comment
HTML Living Standard
slot attribute の定義
現行の標準  
DOM
slot attribute の定義
現行の標準  

ブラウザ互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的
Chrome 完全対応 53Edge ? Firefox 完全対応 63
完全対応 63
未対応 59 — 65
無効
無効 From version 59 until version 65 (exclusive): 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.
IE ? Opera 完全対応 40Safari 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
WebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile ? Firefox Android 完全対応 63
完全対応 63
未対応 59 — 65
無効
無効 From version 59 until version 65 (exclusive): 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.
Opera Android 完全対応 40Safari iOS 完全対応 10.1Samsung Internet Android 完全対応 6.0

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

参照

ドキュメントのタグと貢献者

このページの貢献者: yumemi-kuwahara
最終更新者: yumemi-kuwahara,