forked from web-platform-dx/web-features
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathanchor-positioning.yml
More file actions
205 lines (205 loc) · 8.87 KB
/
anchor-positioning.yml
File metadata and controls
205 lines (205 loc) · 8.87 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
name: Anchor positioning
description: Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.
spec: https://drafts.csswg.org/css-anchor-position-1/#anchoring
caniuse: css-anchor-positioning
status:
compute_from:
- css.properties.anchor-name
- css.properties.position-anchor
- css.types.anchor
compat_features:
- api.CSSPositionTryDescriptors
- api.CSSPositionTryDescriptors.align-self
- api.CSSPositionTryDescriptors.alignSelf
- api.CSSPositionTryDescriptors.block-size
- api.CSSPositionTryDescriptors.blockSize
- api.CSSPositionTryDescriptors.bottom
- api.CSSPositionTryDescriptors.height
- api.CSSPositionTryDescriptors.inline-size
- api.CSSPositionTryDescriptors.inlineSize
- api.CSSPositionTryDescriptors.inset
- api.CSSPositionTryDescriptors.inset-block
- api.CSSPositionTryDescriptors.inset-block-end
- api.CSSPositionTryDescriptors.inset-block-start
- api.CSSPositionTryDescriptors.inset-inline
- api.CSSPositionTryDescriptors.inset-inline-end
- api.CSSPositionTryDescriptors.inset-inline-start
- api.CSSPositionTryDescriptors.insetBlock
- api.CSSPositionTryDescriptors.insetBlockEnd
- api.CSSPositionTryDescriptors.insetBlockStart
- api.CSSPositionTryDescriptors.insetInline
- api.CSSPositionTryDescriptors.insetInlineEnd
- api.CSSPositionTryDescriptors.insetInlineStart
- api.CSSPositionTryDescriptors.justify-self
- api.CSSPositionTryDescriptors.justifySelf
- api.CSSPositionTryDescriptors.left
- api.CSSPositionTryDescriptors.margin
- api.CSSPositionTryDescriptors.margin-block
- api.CSSPositionTryDescriptors.margin-block-end
- api.CSSPositionTryDescriptors.margin-block-start
- api.CSSPositionTryDescriptors.margin-bottom
- api.CSSPositionTryDescriptors.margin-inline
- api.CSSPositionTryDescriptors.margin-inline-end
- api.CSSPositionTryDescriptors.margin-inline-start
- api.CSSPositionTryDescriptors.margin-left
- api.CSSPositionTryDescriptors.margin-right
- api.CSSPositionTryDescriptors.margin-top
- api.CSSPositionTryDescriptors.marginBlock
- api.CSSPositionTryDescriptors.marginBlockEnd
- api.CSSPositionTryDescriptors.marginBlockStart
- api.CSSPositionTryDescriptors.marginBottom
- api.CSSPositionTryDescriptors.marginInline
- api.CSSPositionTryDescriptors.marginInlineEnd
- api.CSSPositionTryDescriptors.marginInlineStart
- api.CSSPositionTryDescriptors.marginLeft
- api.CSSPositionTryDescriptors.marginRight
- api.CSSPositionTryDescriptors.marginTop
- api.CSSPositionTryDescriptors.max-block-size
- api.CSSPositionTryDescriptors.max-height
- api.CSSPositionTryDescriptors.max-inline-size
- api.CSSPositionTryDescriptors.max-width
- api.CSSPositionTryDescriptors.maxBlockSize
- api.CSSPositionTryDescriptors.maxHeight
- api.CSSPositionTryDescriptors.maxInlineSize
- api.CSSPositionTryDescriptors.maxWidth
- api.CSSPositionTryDescriptors.min-block-size
- api.CSSPositionTryDescriptors.min-height
- api.CSSPositionTryDescriptors.min-inline-size
- api.CSSPositionTryDescriptors.min-width
- api.CSSPositionTryDescriptors.minBlockSize
- api.CSSPositionTryDescriptors.minHeight
- api.CSSPositionTryDescriptors.minInlineSize
- api.CSSPositionTryDescriptors.minWidth
- api.CSSPositionTryDescriptors.place-self
- api.CSSPositionTryDescriptors.placeSelf
- api.CSSPositionTryDescriptors.position-anchor
- api.CSSPositionTryDescriptors.positionAnchor
- api.CSSPositionTryDescriptors.right
- api.CSSPositionTryDescriptors.top
- api.CSSPositionTryDescriptors.width
- api.CSSPositionTryRule
- api.CSSPositionTryRule.name
- api.CSSPositionTryRule.style
- api.HTMLButtonElement.popoverTargetElement.implicit_anchor_reference
- api.HTMLElement.showPopover.source.implicit_anchor_reference
- api.HTMLElement.togglePopover.source.implicit_anchor_reference
- api.HTMLInputElement.popoverTargetElement.implicit_anchor_reference
- css.at-rules.position-try
- css.properties.align-items.anchor-center
- css.properties.align-self.anchor-center
- css.properties.anchor-name
- css.properties.anchor-name.none
- css.properties.block-size.anchor-size
- css.properties.bottom.anchor
- css.properties.height.anchor-size
- css.properties.inline-size.anchor-size
- css.properties.inset-block-end.anchor
- css.properties.inset-block-start.anchor
- css.properties.inset-block.anchor
- css.properties.inset-inline-end.anchor
- css.properties.inset-inline-start.anchor
- css.properties.inset-inline.anchor
- css.properties.inset.anchor
- css.properties.justify-items.anchor-center
- css.properties.justify-self.anchor-center
- css.properties.left.anchor
- css.properties.max-block-size.anchor-size
- css.properties.max-height.anchor-size
- css.properties.max-inline-size.anchor-size
- css.properties.max-width.anchor-size
- css.properties.min-block-size.anchor-size
- css.properties.min-height.anchor-size
- css.properties.min-inline-size.anchor-size
- css.properties.min-width.anchor-size
- css.properties.place-items.anchor-center
- css.properties.place-self.anchor-center
- css.properties.position-anchor
- css.properties.position-try
- css.properties.position-try-order
- css.properties.position-try-order.most-block-size
- css.properties.position-try-order.most-height
- css.properties.position-try-order.most-inline-size
- css.properties.position-try-order.most-width
- css.properties.position-try-order.normal
- css.properties.position-visibility
- css.properties.position-visibility.always
- css.properties.position-visibility.anchors-visible
- css.properties.position-visibility.no-overflow
- css.properties.right.anchor
- css.properties.top.anchor
- css.properties.width.anchor-size
- css.types.anchor
- css.types.anchor-size
- css.properties.position-try-fallbacks
- css.properties.position-try-fallbacks.flip-block
- css.properties.position-try-fallbacks.flip-inline
- css.properties.position-try-fallbacks.flip-start
- css.properties.position-try-fallbacks.none
- css.properties.position-try-fallbacks.position-area
- api.CSSPositionTryDescriptors.position-area
- api.CSSPositionTryDescriptors.positionArea
- css.properties.position-area
- css.properties.position-area.block-end
- css.properties.position-area.block-start
- css.properties.position-area.bottom
- css.properties.position-area.center
- css.properties.position-area.end
- css.properties.position-area.inline-end
- css.properties.position-area.inline-start
- css.properties.position-area.left
- css.properties.position-area.none
- css.properties.position-area.right
- css.properties.position-area.self-end
- css.properties.position-area.self-start
- css.properties.position-area.span-all
- css.properties.position-area.span-block-end
- css.properties.position-area.span-block-start
- css.properties.position-area.span-bottom
- css.properties.position-area.span-end
- css.properties.position-area.span-inline-end
- css.properties.position-area.span-inline-start
- css.properties.position-area.span-start
- css.properties.position-area.span-top
- css.properties.position-area.span-x-end
- css.properties.position-area.span-x-start
- css.properties.position-area.span-y-end
- css.properties.position-area.span-y-start
- css.properties.position-area.start
- css.properties.position-area.top
- css.properties.position-area.x-end
- css.properties.position-area.x-self-end
- css.properties.position-area.x-self-start
- css.properties.position-area.x-start
- css.properties.position-area.y-end
- css.properties.position-area.y-self-end
- css.properties.position-area.y-self-start
- css.properties.position-area.y-start
- css.properties.position-anchor.auto
- css.properties.anchor-scope
- css.properties.anchor-scope.all
- css.properties.anchor-scope.none
- css.properties.bottom.anchor-size
- css.properties.inset.anchor-size
- css.properties.inset-block.anchor-size
- css.properties.inset-block-end.anchor-size
- css.properties.inset-block-start.anchor-size
- css.properties.inset-inline.anchor-size
- css.properties.inset-inline-end.anchor-size
- css.properties.inset-inline-start.anchor-size
- css.properties.left.anchor-size
- css.properties.margin.anchor-size
- css.properties.margin-block.anchor-size
- css.properties.margin-block-end.anchor-size
- css.properties.margin-block-start.anchor-size
- css.properties.margin-bottom.anchor-size
- css.properties.margin-inline.anchor-size
- css.properties.margin-inline-end.anchor-size
- css.properties.margin-inline-start.anchor-size
- css.properties.margin-left.anchor-size
- css.properties.margin-right.anchor-size
- css.properties.margin-top.anchor-size
- css.properties.right.anchor-size
- css.properties.top.anchor-size
- css.types.anchor-size.inset_margin
- html.elements.button.popovertarget.implicit_anchor_reference
- html.elements.input.popovertarget.implicit_anchor_reference