CSS - position-anchor

概要

属性名 position-anchor
auto | <dashed-ident>
初期値auto
適用可能要素配置ボックス
継承継承しない
サポートhttps://caniuse.com/mdn-css_properties_position-anchor

説明

アンカーポジショニングにおいてアンカー名を参照します。詳細は「とほほのアンカーポジショニング入門」を参照してください。

auto
アンカー名を anchor() の第1引数で指定します。
<dashed-ident>
-- で始まるアンカー名を指定します。

使用例

CSS
.my-anchor {
  anchor-name: --my-anchor;
}
.my-positioned-box {
  position-anchor: --my-anchor;
}

リンク