part

part は グローバル属性で、要素のパート名のスペース区切りのリストが含まれています。 CSS はパート名を使用して、 ::part 擬似要素を介してシャドウツリー内の特定の要素の選択およびスタイルの設定を行うことができます。

使用例については Shadow part example をご覧ください。

仕様書

仕様書 状態 備考
Shadow Parts
part の定義		 草案

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
part
実験的
Chrome 完全対応 73Edge 完全対応 79Firefox 完全対応 72
完全対応 72
未対応 69 — 72
無効
無効 From version 69 until version 72 (exclusive): this feature is behind the layout.css.shadow-parts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 60Safari 完全対応 13.1WebView Android 完全対応 73Chrome Android 完全対応 73Firefox Android 未対応 なしOpera Android ? Safari iOS 完全対応 13.4Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報