CSS - position-anchor

• トップ
• CSSリファレンス
• position-anchor

概要

説明

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

auto

アンカー名を anchor() の第1引数で指定します。

<dashed-ident>

-- で始まるアンカー名を指定します。

使用例

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

リンク

• https://drafts.csswg.org/css-anchor-position-1/#position-anchor
• https://developer.mozilla.org/en-US/docs/Web/CSS/position-anchor