| 属性名 | position-visibility |
|---|---|
| 値 | always | [ anchors-valid || anchors-visible || no-overflow ] |
| 初期値 | anchors-visible |
| 適用可能要素 | 配置ボックス |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_position-visibility |
アンカーポジショニングにおいて配置ボックスの表示・非表示を制御します。アンカーポジショニングに関する詳細は「とほほのアンカーポジショニング入門」を参照してください。
position-try で位置補正されても、一部でもスクロールアウトなどで表示されなくなる場合、配置ボックスを非表示にします。anchors-valid, anchors-visible, no-overflow はスペース区切りで複数記述することができます。
※ Chrome 131 の実装ではデフォルトが always になっていて、always と no-overlow しかサポートされていない...？ 要確認。
.my-positioned-box {
position-visibility: no-overflow;
}