CSS - trigger-scope
概要
| 属性名 | trigger-scope |
|---|---|
| 値 | none | all | <trigger-name> |
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/?search=trigger-scope |
説明
スクロールトリガーアニメーション でトリガー名のスコープを制御します。timeline-trigger で定義したトリガー名は通常は宣言した要素およびその子孫要素からしか参照できませんが、trigger-scope を記述すると trigger-scope を記述した要素配下で参照することができます。2026年3月の Chrome 146 でサポートされました。
- none
- スコープを制御しません。
- all
- この要素およびこの要素の子孫要素で定義されたトリガー名をすべて、この要素および子孫要素で参照可能とします。
- <trigger-name>
<trigger-name>を、この要素および子孫要素で参照可能とします。timeline-triggertrigger-scopetimeline-trigger-sourcetimeline-trigger-activation-rangetimeline-trigger-activation-range-starttimeline-trigger-activation-range-endtimeline-trigger-active-rangetimeline-trigger-active-range-starttimeline-trigger-active-range-endtrigger-scope
関連項目
リンク
Copyright (C) 2026 杜甫々
初版：2026年3月15日、最終更新：2026年3月15日
https://www.tohoho-web.com/css/prop/trigger-scope.htm