HTML part グローバル属性
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。
part グローバル属性は、要素の部品名の空白区切りのリストを指定します。 CSS は部品名を使用して、 ::part 擬似要素を介してシャドウツリー内の特定の要素の選択およびスタイルの設定を行うことができます。
使用例については exportparts 属性をご覧ください。
仕様書
| 仕様書 |
|---|
| CSS Shadow Module Level 1> # part-attr> |
ブラウザーの互換性
関連情報
- HTML の
exportparts属性 - HTML の
<template>要素と<slot>要素 - CSS の
::partおよび::slotted擬似要素 ShadowRootインターフェイスElement.partプロパティ- テンプレートとスロットの使用
- CSS スコープモジュール