HTML5

：

グローバル属性

：

slot

　 編集：2022.06.30 by T.A.

→●、mdn

解説

slot 属性は、要素にスロットを割り当てるために使用される： slot 属性をもつ要素は、name 属性の値がその slot 属性の値と一致する slot 要素によって作成されたスロットに割り当てられる。ただし、その slot 要素が、ルートのホストが対応する slot 属性値を持つシャドウ ツリー内で見つかった場合に限る。

例

スロットの内容を定義するために、<my-paragraph> 要素の中に HTML 構造を入れ、slot 属性の値が埋めたいスロットの名前と同じになるようにします。前と同じように、これは好きなものを指定できます。 

<my-paragraph>
  <span slot="my-text">別なテキストを入れましょう。</span>
</my-paragraph>

使用例→SLOT

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：