CSS シャドウパーツ

CSS シャドウパーツ (CSS shadow parts) モジュールは、シャドウホストに設定できる ::part() 擬似要素を定義します。この擬似要素を使用すると、シャドウホストが、スタイル設定のために、シャドウツリーで選択された要素を外部ページに公開できるようにすることができます。

既定では、シャドウツリー内の要素は、それぞれのシャドウルート内でのみスタイルを設定できます。CSS シャドウパーツモジュールを使用すると、カスタム要素を構成する <template> の子孫に part 属性を記載し、 ::part() 擬似要素を介してシャドウツリーノードを外部スタイルに公開することができます。