| 属性名 | position-area |
|---|---|
| 値 | none | <position-area> |
| 値の詳細 | <position-area> = [ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ] |
| 初期値 | none |
| 適用可能要素 | position-anchor を指定した要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_position-area |
アンカーポジショニングにおいてポジション要素の位置を指定します。詳細は「とほほのアンカーポジショニング入門」を参照してください。
.my-anchor {
position-area: --my-anchor;
position-area: bottom span-right;
}