scroll-state() CSS コンテナクエリを使用して sticky で張り付いたときに境界線を出す

BRANK

scroll-state() はコンテナ要素のスクロール状態に応じてスタイルを変更することができるコンテナクエリです。例えば、スクロール中にヘッダーを sticky な場合の境界線を表示することが挙げられます。