HTML slot グローバル属性

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

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

例については、テンプレートとスロットの使用ガイドを参照してください。