| ルール名 | @position-try |
|---|---|
| 構文 | @position-try <dashed-ident> { ... } |
| サポート | https://caniuse.com/mdn-css_at-rules_position-try |
アンカーポジショニングにおいて position-try-fallbacks に指定する配置ボックスの位置補正名を定義します。アンカーポジショニングに関する詳細は 「とほほのアンカーポジショニング入門」 を参照してください。
position-try-fallbacks に指定する位置補正名を記述します。-- ではじまる必要があります。@position-try { ... } の中では下記のプロパティを定義することができます。
@position-try --bottom-left { position-area: bottom span-left; }
@position-try --top-right { position-area: top span-right; }
@position-try --top-left { position-area: top span-left; }
.my-positioned-box {
position-area: bottom span-right;
position-try-fallbacks: --bottom-left, --top-right, --top-left;
}