CSS - anchor-name

概要

属性名 anchor-name
none | <dashed-ident>
初期値none
適用可能要素プリンシパルボックスを構成するすべての要素
継承継承しない
サポートhttps://caniuse.com/mdn-css_properties_anchor-name

説明

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

none
アンカー名を定義しません。
<dashed-ident>
-- で始まるアンカー名を指定します。

使用例

CSS
.my-anchor {
  anchor-name: --my-anchor;
}

リンク