| 属性名 | anchor-scope |
|---|---|
| 値 | none | all | <dashed-ident> |
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_anchor-scope |
アンカーポジショニングにおいてアンカー名のスコープを定義します。詳細は「とほほのアンカーポジショニング入門」を参照してください。
anchor-scope で上書きされない限り、この要素の子孫要素でのみ参照可能であることを示します。anchor-scope で上書きされない限り、この要素の子孫要素でのみ参照可能であることを示します。
.my-anchor-and-positioned-box {
anchor-scope: --my-anchor;
.my-anchor {
anchor-name: --my-anchor; /* 自身または子孫要素のアンカー名は */
}
.my-positioned-box {
position-anchor: --my-anchor; /* 子孫要素からのみ参照可能なアンカー名となる */
}
}