| 属性名 | position-try-fallbacks |
|---|---|
| 値 | none | [ [ <dashed-ident> || <try-tactic> ] | <position-area> ]# |
| 値の詳細 | <try-tactic> = flip-block | flip-inline | flip-start <position-area> = position-area 参照 |
| 初期値 | none |
| 適用可能要素 | 配置ボックス |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_position-try-fallbacks |
アンカーポジショニングにおいてポジション要素が画面からはみ出す場合に、はみ出さないように移動させる移動先を指定します。位置情報はカンマ(,)で区切って複数指定することができ、前から順番にはみ出しが無くなるまで評価されます。詳細は「とほほのアンカーポジショニング入門」を参照してください。
@position-try で定義した名前を指定します。
.my-positioned-box {
position-area: bottom span-right;
position-try-fallbacks: bottom span-left, top span-right, top span-left;
}