操作できる例で Shadow DOM を解説、スタイル隔離・スロット・JavaScript アクセス

操作できる解説資料が shadow DOM のスタイル隔離、継承、slots、parts、JavaScript アクセスを例で説明する。shadow root が専用スタイルシートと要素を持つ隔離 DOM ツリーを作り、制御された方法でページ DOM とやり取りする仕組みを示す。Fable 5.1 Medium がプロンプトから生成した。