Limited support 条件付きOK。Chrome・Safari・Edgeは対応済み。Firefox は未対応。@supports によるフォールバックを必ず用意すること。

Anchor Positioning

anchor-name は CSS のプロパティで、要素に 1 つ以上の識別子となるアンカー名を付与することで、その要素をアンカー要素として定義できるようにします。それぞれの名前は、位置指定要素の position-anchor プロパティの値として設定することができ、アンカーと関連付けられた状態となります。

配置ツールチップ

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
anchor-name
125
125
147
26
125
26
DOM API
CSSPositionTryDescriptors

CSSPositionTryDescriptors インターフェイスは、 @position-try アットルールの本体で設定可能な CSS 記述子のリストを表すプロパティを定義します。
125
125
147
26
125
26
align-self

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
alignSelf

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
block-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
blockSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
bottom

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
height

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inline-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inlineSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-block

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-block-end

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-block-start

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-inline

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-inline-end

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
inset-inline-start

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetBlock

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetBlockEnd

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetBlockStart

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetInline

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetInlineEnd

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
insetInlineStart

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
justify-self

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
justifySelf

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
left

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-block

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-block-end

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-block-start

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-bottom

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-inline

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-inline-end

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-inline-start

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-left

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-right

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
margin-top

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginBlock

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginBlockEnd

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginBlockStart

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginBottom

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginInline

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginInlineEnd

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginInlineStart

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginLeft

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginRight

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
marginTop

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
max-block-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
max-height

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
max-inline-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
max-width

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
maxBlockSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
maxHeight

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
maxInlineSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
maxWidth

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
min-block-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
min-height

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
min-inline-size

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
min-width

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
minBlockSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
minHeight

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
minInlineSize

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
minWidth

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
place-self

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
placeSelf

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
position-anchor

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
position-area

祖先の CSSStyleDeclaration からプロパティを継承します。
129
129
147
26
129
26
positionAnchor

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
positionArea

祖先の CSSStyleDeclaration からプロパティを継承します。
129
129
147
26
129
26
right

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
top

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
width

祖先の CSSStyleDeclaration からプロパティを継承します。
125
125
147
26
125
26
CSSPositionTryRule

CSSPositionTryRule インターフェイスは、@position-try アットルールを表すオブジェクトを示します。
125
125
147
26
125
26
name

name は CSSPositionTryRule インターフェイスの読み取り専用プロパティで、@position-try アットルールの dashed-ident で定義された位置試行代替オプションの名前を表します。
125
125
147
26
125
26
style

style は CSSPositionTryRule インターフェイスの読み取り専用プロパティで、CSSPositionTryDescriptors オブジェクトが入ります。これは @position-try ルールの本体で利用可能な記述子を表します。
125
125
147
26
125
26
popoverTargetElement (implicit anchor reference)

`popoverTargetElement` による暗黙的なアンカー参照
133
133
147
26
133
26
showPopover (options source parameter implicit anchor reference)

「source」を介した暗黙的なアンカー参照
133
133
147
26
133
26
togglePopover (options source parameter implicit anchor reference)

「source」を介した暗黙的なアンカー参照
133
133
147
26
133
26
popoverTargetElement (implicit anchor reference)

`popoverTargetElement` による暗黙的なアンカー参照
133
133
147
26
133
26
その他
css.at-rules.position-try

@position-try は CSS のアットルールで、アンカー位置指定された要素の位置指定と配置を定義するために使用することができます、独自の位置指定試行フォールバックオプションを定義するために使用されます。アンカー要素には、position-try-fallbacks プロパティまたは position-try 一括指定を介して、1 つ以上の位置指定の代替オプションセットを適用できます。位置指定された要素が、その包含ブロックまたはビューポートからオーバーフローし始める位置に移動されると、ブラウザーは位置指定された要素を完全に画面内に収める最初の位置指定の代替オプションを選択します。
125
125
147
26
125
26
CSS プロパティ
anchor-center
125
125
147
26
125
26
anchor-center
125
125
147
26
125
26
none
125
125
147
26
125
26
その他
css.properties.anchor-scope

CSS のアンカー スコープ プロパティを使用すると、位置決めされた要素をアンカー要素に関連付けることができる範囲を特定のサブツリーに制限できます。
131
131
147
26
131
26
CSS プロパティ
all
131
131
147
26
131
26
none
131
131
147
26
131
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-center
125
125
147
26
125
26
anchor-center
125
125
147
26
125
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
anchor-center
125
125
147
26
125
26
anchor-center
125
125
147
26
125
26
その他
css.properties.position-anchor

position-anchor は CSS のプロパティで、位置指定要素が関連付けられるアンカー要素（つまり、アンカー名が anchor-name プロパティをで設定された要素）のアンカー名を指定します。
144
144
147
26
144
26
CSS プロパティ
auto

「自動」値
125
125
147
26
125
26
none

「なし」の値
144
144
147
144
その他
css.properties.position-area

position-area は CSS のプロパティで、アンカー位置指定された要素を、関連付けられたアンカー要素の端を基準に相対的に配置することを可能にします。これは、配置対象の要素を暗黙の 3x3 グリッドの 1 つ以上のタイル上に配置することで実現され、アンカー要素は中央セルとなります。
129
129
147
26
129
26
CSS プロパティ
block-end
144
144
148
26
144
26
block-start
144
144
148
26
144
26
bottom
144
144
148
26
144
26
center
129
129
147
26
129
26
end
144
144
148
26
144
26
inline-end
144
144
148
26
144
26
inline-start
144
144
148
26
144
26
left
144
144
148
26
144
26
none
129
129
147
26
129
26
right
144
144
148
26
144
26
self-block-end
144
144
148
26
144
26
self-block-start
144
144
148
26
144
26
self-end
144
144
148
26
144
26
self-inline-end
144
144
148
26
144
26
self-inline-start
144
144
148
26
144
26
self-start
144
144
148
26
144
26
self-x-end
144
144
148
26.2
144
26.2
self-x-start
144
144
148
26.2
144
26.2
self-y-end
144
144
148
26.2
144
26.2
self-y-start
144
144
148
26.2
144
26.2
span-all
144
144
147
26
144
26
span-block-end
129
129
147
26
129
26
span-block-start
129
129
147
26
129
26
span-bottom
129
129
147
26
129
26
span-end
129
129
147
26
129
26
span-inline-end
129
129
147
26
129
26
span-inline-start
129
129
147
26
129
26
span-left
129
129
147
26
129
26
span-right
129
129
147
26
129
26
span-self-block-end
129
129
147
26
129
26
span-self-block-start
129
129
147
26
129
26
span-self-end
129
129
147
26
129
26
span-self-inline-end
129
129
147
26
129
26
span-self-inline-start
129
129
147
26
129
26
span-self-start
129
129
147
26
129
26
span-self-x-end
143
143
147
26.2
143
26.2
span-self-x-start
143
143
147
26.2
143
26.2
span-self-y-end
143
143
147
26.2
143
26.2
span-self-y-start
143
143
147
26.2
143
26.2
span-start
129
129
147
26
129
26
span-top
129
129
147
26
129
26
span-x-end
129
129
147
26
129
26
span-x-start
129
129
147
26
129
26
span-y-end
129
129
147
26
129
26
span-y-start
129
129
147
26
129
26
start
129
129
147
26
129
26
top
144
144
148
26
144
26
x-end
144
144
148
26
144
26
x-start
144
144
148
26
144
26
y-end
144
144
148
26
144
26
y-start
144
144
148
26
144
26
その他
css.properties.position-try

position-try は CSS のプロパティで、position-try-order プロパティと position-try-fallbacks プロパティに対応する一括指定です。
125
125
147
26
125
26
css.properties.position-try-fallbacks

position-try-fallbacks は CSS のプロパティで、アンカー位置指定された要素が、関連付けられたアンカー要素に対して配置される際の、1 つ以上の位置指定代替オプションのリストを指定することができます。要素がインセット修正済み包含ブロックからオーバーフローする可能性がある場合、ブラウザーは指定された順序でこれらの異なる代替配置位置を試行し、要素がコンテナーまたはビューポートからオーバーフローしなくなる値を探すまで配置を試みます。
128
128
147
26
128
26
CSS プロパティ
flip-block
128
128
147
26
128
26
flip-inline
128
128
147
26
128
26
flip-start
128
128
147
26
128
26
none
128
128
147
26
128
26
position-area

「位置領域」の値
128
128
147
26
128
26
self-x-end
144
144
148
26.2
144
26.2
self-x-start
144
144
148
26.2
144
26.2
self-y-end
144
144
148
26.2
144
26.2
self-y-start
144
144
148
26.2
144
26.2
span-self-x-end
143
143
147
26.2
143
26.2
span-self-x-start
143
143
147
26.2
143
26.2
span-self-y-end
143
143
147
26.2
143
26.2
span-self-y-start
143
143
147
26.2
143
26.2
その他
css.properties.position-try-order

position-try-order は CSS のプロパティで、アンカー位置指定要素の位置を、初期の位置設定ではなく利用可能な位置試行代替案を使用して設定するための、さまざまな代替オプションを指定することができます。
125
125
148
26
125
26
CSS プロパティ
most-block-size
125
125
148
26
125
26
most-height
125
125
148
26
125
26
most-inline-size
125
125
148
26
125
26
most-width
125
125
148
26
125
26
normal
125
125
148
26
125
26
self-x-end
144
144
148
26.2
144
26.2
self-x-start
144
144
148
26.2
144
26.2
self-y-end
144
144
148
26.2
144
26.2
self-y-start
144
144
148
26.2
144
26.2
span-self-x-end
143
143
147
26.2
143
26.2
span-self-x-start
143
143
147
26.2
143
26.2
span-self-y-end
143
143
147
26.2
143
26.2
span-self-y-start
143
143
147
26.2
143
26.2
その他
css.properties.position-visibility

position-visibility は CSS のプロパティで、アンカー位置指定された要素を、例えば包含要素やビューポートをはみ出しているかどうかになどよって、条件付きで非表示にすることができます。
125
125
147
26.2
125
26.2
CSS プロパティ
always
125
125
147
26.2
125
26.2
anchors-visible
125
125
147
26.2
125
26.2
no-overflow
125
125
147
26.2
125
26.2
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor

`アンカー()`
125
125
147
26
125
26
anchor-size

`アンカーサイズ()`
132
132
147
26
132
26
anchor-size

`アンカーサイズ()`
125
125
147
26
125
26
その他
css.types.anchor

anchor() は CSS の関数で、アンカー位置指定要素のインセットプロパティ値内で使用することができ、関連付けられたアンカー要素の端の位置に対する長さの値を返します。
125
125
147
26
125
26
css.types.anchor-size

anchor-size() は CSS の関数で、アンカー位置指定要素のサイズ、位置、マージンを、アンカー要素のサイズに対して相対的に設定することができます。これは、ターゲットとなるアンカー要素の指定された辺の を返します。anchor-size() は、アンカー位置指定要素のサイズ指定、インセット、マージンプロパティの値内で使用される場合にのみ有効です。
125
125
147
26
125
26
CSS タイプ
inset margin

inset および margin プロパティ値で有効です。
132
132
Preview
26
132
26
その他
html.elements.button.popovertarget.implicit_anchor_reference

「popovertarget」による暗黙的なアンカー参照
133
133
147
26
133
26
html.elements.input.popovertarget.implicit_anchor_reference

「popovertarget」による暗黙的なアンカー参照
133
133
147
26
133
26
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 1件
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 1件
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 1件
対応条件
  • 以前は別名で対応していました: insetArea (125)
注釈 1件
対応条件
  • 以前は別名で対応していました: insetArea (125)
注釈 1件
対応条件
  • 以前は別名で対応していました: insetArea (125)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 初期値は「none」ではなく「normal」です (バグ 460415950 を参照)。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 初期値は「none」ではなく「normal」です (バグ 460415950 を参照)。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 初期値は「none」ではなく「normal」です (バグ 308981 を参照)。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 初期値は「none」ではなく「normal」です (バグ 460415950 を参照)。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 初期値は「none」ではなく「normal」です (バグ 308981 を参照)。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 一般的な `auto` 値は存在しますが、仕様に記載されている効果はまだありません。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 一般的な `auto` 値は存在しますが、仕様に記載されている効果はまだありません。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 一般的な `auto` 値は存在しますが、仕様に記載されている効果はまだありません。
注釈 3件
実装メモ
  • The `position-area` property changes the position of absolutely positioned elements that do not find an anchor. バグ 388575663 を参照してください。
削除済み
  • このバージョンで機能が削除されました (131)
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 3件
実装メモ
  • The `position-area` property changes the position of absolutely positioned elements that do not find an anchor. バグ 388575663 を参照してください。
削除済み
  • このバージョンで機能が削除されました (131)
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 3件
実装メモ
  • The `position-area` property changes the position of absolutely positioned elements that do not find an anchor. バグ 388575663 を参照してください。
削除済み
  • このバージョンで機能が削除されました (131)
対応条件
  • 以前は別名で対応していました: inset-area (125)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `bottom` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `bottom` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `bottom` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `bottom` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • When `end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • 「inline-start」を単一のキーワードとして使用するか、「span-all」と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `left` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `left` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `left` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `left` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 「right」を単一のキーワードとして使用するか、「span-all」と一緒に使用すると、予期せずアンカーボックスがビューポートから溢れてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 「right」を単一のキーワードとして使用するか、「span-all」と一緒に使用すると、予期せずアンカーボックスがビューポートから溢れてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • 「right」を単一のキーワードとして使用するか、「span-all」と一緒に使用すると、予期せずアンカーボックスがビューポートから溢れてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • 「right」を単一のキーワードとして使用するか、「span-all」と一緒に使用すると、予期せずアンカーボックスがビューポートから溢れてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • When `self-block-start` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-block-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `self-end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `self-end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • When `self-end` is used as a single keyword, or alongside `span-all`, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-inline-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `span-all` を使用すると、予期せずアンカーされたボックスがビューポートからはみ出し、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `span-all` を使用すると、予期せずアンカーされたボックスがビューポートからはみ出し、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • `span-all` を使用すると、予期せずアンカーされたボックスがビューポートからはみ出し、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `span-all` を使用すると、予期せずアンカーされたボックスがビューポートからはみ出し、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `top` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `top` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `top` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `top` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
実装メモ
  • `y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
対応条件
  • 以前は別名で対応していました: position-try-options (125)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
対応条件
  • 以前は別名で対応していました: position-try-options (125)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
対応条件
  • 以前は別名で対応していました: position-try-options (125)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
実装メモ
  • `inset-area` 値は `inset-area()` 関数内にラップする必要がありました。
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
実装メモ
  • `inset-area` 値は `inset-area()` 関数内にラップする必要がありました。
注釈 2件
削除済み
  • このバージョンで機能が削除されました (128)
実装メモ
  • `inset-area` 値は `inset-area()` 関数内にラップする必要がありました。
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-end` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローし、コンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-x-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `x-self-start` を単一のキーワードとして、または `span-all` と一緒に使用すると、予期せずアンカーされたボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: x-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-end` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-end (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (148)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 2008537 を参照してください。
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (144)
  • このバージョンで機能が削除されました (143)
実装メモ
  • `self-y-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
  • `y-self-start` を単一のキーワードとして使用するか、`span-all` と一緒に使用すると、予期せずアンカー ボックスがビューポートからオーバーフローしてコンテンツが見えにくくなります。 回避策として「place-self:anchor-center」を使用してください。 バグ 438334710 を参照してください。
対応条件
  • 以前は別名で対応していました: y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: y-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-x-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-x-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-end (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-end (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (143)
対応条件
  • 以前は別名で対応していました: span-y-self-start (129)
注釈 1件
対応条件
  • 以前は別名で対応していました: span-y-self-start (26)

基本構文

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

.tooltip {
  position: absolute;
  position-anchor: --my-button;
  top: anchor(bottom);
  left: anchor(center);
  translate: -50% 0;
}

ライブデモ

tooltipplacement

Anchor Positioning tooltipplacement demo.

プレビュー全画面表示

popoverlinkmove

Anchor Positioning popoverlinkmove demo.

プレビュー全画面表示

Multipleanka-

Anchor Positioning Multipleanka- demo.

プレビュー全画面表示

実務での使いどころ

  • ツールチップ

    ボタンやアイコンに追従するツールチップをJSなしで実装。スクロールしても追従する。

  • コンテキストメニュー

    右クリックメニューやドロップダウンを、トリガー要素に対して相対的に配置できる。

注意点

  • Firefox が未対応。Firefox ユーザーへのフォールバックが必須。
  • 仕様がまだ変更される可能性がある。

フォールバック戦略

CSS 
@supports not (anchor-name: --x) {
  .tooltip { display: none; }
  .tooltip.is-visible { display: block; }
}

アクセシビリティ

  • ツールチップは role="tooltip" と aria-describedby で紐付ける。
  • キーボードフォーカス時にも表示されるよう :focus-visible にも対応する。

参考リンク