|
| 1 | +draft_date: 2024-12-20 |
| 2 | +name: CSS Anchor Positioning |
| 3 | +description: TODO |
| 4 | +spec: https://drafts.csswg.org/css-anchor-position-1/ |
| 5 | +compat_features: |
| 6 | + - css.properties.bottom.anchor-size |
| 7 | + - css.properties.inset-block-end.anchor-size |
| 8 | + - css.properties.inset-block-start.anchor-size |
| 9 | + - css.properties.inset-block.anchor-size |
| 10 | + - css.properties.inset-inline-end.anchor-size |
| 11 | + - css.properties.inset-inline-start.anchor-size |
| 12 | + - css.properties.inset-inline.anchor-size |
| 13 | + - css.properties.inset.anchor-size |
| 14 | + - css.properties.left.anchor-size |
| 15 | + - css.properties.margin-block-end.anchor-size |
| 16 | + - css.properties.margin-block-start.anchor-size |
| 17 | + - css.properties.margin-block.anchor-size |
| 18 | + - css.properties.margin-bottom.anchor-size |
| 19 | + - css.properties.margin-inline-end.anchor-size |
| 20 | + - css.properties.margin-inline-start.anchor-size |
| 21 | + - css.properties.margin-inline.anchor-size |
| 22 | + - css.properties.margin-left.anchor-size |
| 23 | + - css.properties.margin-right.anchor-size |
| 24 | + - css.properties.margin-top.anchor-size |
| 25 | + - css.properties.margin.anchor-size |
| 26 | + - css.properties.right.anchor-size |
| 27 | + - css.properties.top.anchor-size |
| 28 | + - css.types.anchor-size.inset_margin |
| 29 | + |
| 30 | +# The following features in the spec are already part of web-features: |
| 31 | +# - Anchor positioning: |
| 32 | +# - api.CSSPositionTryDescriptors |
| 33 | +# - api.CSSPositionTryDescriptors.align-self |
| 34 | +# - api.CSSPositionTryDescriptors.alignSelf |
| 35 | +# - api.CSSPositionTryDescriptors.block-size |
| 36 | +# - api.CSSPositionTryDescriptors.blockSize |
| 37 | +# - api.CSSPositionTryDescriptors.bottom |
| 38 | +# - api.CSSPositionTryDescriptors.height |
| 39 | +# - api.CSSPositionTryDescriptors.inline-size |
| 40 | +# - api.CSSPositionTryDescriptors.inlineSize |
| 41 | +# - api.CSSPositionTryDescriptors.inset |
| 42 | +# - api.CSSPositionTryDescriptors.inset-block |
| 43 | +# - api.CSSPositionTryDescriptors.inset-block-end |
| 44 | +# - api.CSSPositionTryDescriptors.inset-block-start |
| 45 | +# - api.CSSPositionTryDescriptors.inset-inline |
| 46 | +# - api.CSSPositionTryDescriptors.inset-inline-end |
| 47 | +# - api.CSSPositionTryDescriptors.inset-inline-start |
| 48 | +# - api.CSSPositionTryDescriptors.insetBlock |
| 49 | +# - api.CSSPositionTryDescriptors.insetBlockEnd |
| 50 | +# - api.CSSPositionTryDescriptors.insetBlockStart |
| 51 | +# - api.CSSPositionTryDescriptors.insetInline |
| 52 | +# - api.CSSPositionTryDescriptors.insetInlineEnd |
| 53 | +# - api.CSSPositionTryDescriptors.insetInlineStart |
| 54 | +# - api.CSSPositionTryDescriptors.justify-self |
| 55 | +# - api.CSSPositionTryDescriptors.justifySelf |
| 56 | +# - api.CSSPositionTryDescriptors.left |
| 57 | +# - api.CSSPositionTryDescriptors.margin |
| 58 | +# - api.CSSPositionTryDescriptors.margin-block |
| 59 | +# - api.CSSPositionTryDescriptors.margin-block-end |
| 60 | +# - api.CSSPositionTryDescriptors.margin-block-start |
| 61 | +# - api.CSSPositionTryDescriptors.margin-bottom |
| 62 | +# - api.CSSPositionTryDescriptors.margin-inline |
| 63 | +# - api.CSSPositionTryDescriptors.margin-inline-end |
| 64 | +# - api.CSSPositionTryDescriptors.margin-inline-start |
| 65 | +# - api.CSSPositionTryDescriptors.margin-left |
| 66 | +# - api.CSSPositionTryDescriptors.margin-right |
| 67 | +# - api.CSSPositionTryDescriptors.margin-top |
| 68 | +# - api.CSSPositionTryDescriptors.marginBlock |
| 69 | +# - api.CSSPositionTryDescriptors.marginBlockEnd |
| 70 | +# - api.CSSPositionTryDescriptors.marginBlockStart |
| 71 | +# - api.CSSPositionTryDescriptors.marginBottom |
| 72 | +# - api.CSSPositionTryDescriptors.marginInline |
| 73 | +# - api.CSSPositionTryDescriptors.marginInlineEnd |
| 74 | +# - api.CSSPositionTryDescriptors.marginInlineStart |
| 75 | +# - api.CSSPositionTryDescriptors.marginLeft |
| 76 | +# - api.CSSPositionTryDescriptors.marginRight |
| 77 | +# - api.CSSPositionTryDescriptors.marginTop |
| 78 | +# - api.CSSPositionTryDescriptors.max-block-size |
| 79 | +# - api.CSSPositionTryDescriptors.max-height |
| 80 | +# - api.CSSPositionTryDescriptors.max-inline-size |
| 81 | +# - api.CSSPositionTryDescriptors.max-width |
| 82 | +# - api.CSSPositionTryDescriptors.maxBlockSize |
| 83 | +# - api.CSSPositionTryDescriptors.maxHeight |
| 84 | +# - api.CSSPositionTryDescriptors.maxInlineSize |
| 85 | +# - api.CSSPositionTryDescriptors.maxWidth |
| 86 | +# - api.CSSPositionTryDescriptors.min-block-size |
| 87 | +# - api.CSSPositionTryDescriptors.min-height |
| 88 | +# - api.CSSPositionTryDescriptors.min-inline-size |
| 89 | +# - api.CSSPositionTryDescriptors.min-width |
| 90 | +# - api.CSSPositionTryDescriptors.minBlockSize |
| 91 | +# - api.CSSPositionTryDescriptors.minHeight |
| 92 | +# - api.CSSPositionTryDescriptors.minInlineSize |
| 93 | +# - api.CSSPositionTryDescriptors.minWidth |
| 94 | +# - api.CSSPositionTryDescriptors.place-self |
| 95 | +# - api.CSSPositionTryDescriptors.placeSelf |
| 96 | +# - api.CSSPositionTryDescriptors.position-anchor |
| 97 | +# - api.CSSPositionTryDescriptors.position-area |
| 98 | +# - api.CSSPositionTryDescriptors.positionAnchor |
| 99 | +# - api.CSSPositionTryDescriptors.positionArea |
| 100 | +# - api.CSSPositionTryDescriptors.right |
| 101 | +# - api.CSSPositionTryDescriptors.top |
| 102 | +# - api.CSSPositionTryDescriptors.width |
| 103 | +# - api.CSSPositionTryRule |
| 104 | +# - api.CSSPositionTryRule.name |
| 105 | +# - api.CSSPositionTryRule.style |
| 106 | +# - css.at-rules.position-try |
| 107 | +# - css.properties.align-items.anchor-center |
| 108 | +# - css.properties.align-self.anchor-center |
| 109 | +# - css.properties.anchor-name |
| 110 | +# - css.properties.anchor-name.none |
| 111 | +# - css.properties.anchor-scope |
| 112 | +# - css.properties.anchor-scope.all |
| 113 | +# - css.properties.anchor-scope.none |
| 114 | +# - css.properties.block-size.anchor-size |
| 115 | +# - css.properties.bottom.anchor |
| 116 | +# - css.properties.height.anchor-size |
| 117 | +# - css.properties.inline-size.anchor-size |
| 118 | +# - css.properties.inset.anchor |
| 119 | +# - css.properties.inset-block.anchor |
| 120 | +# - css.properties.inset-block-end.anchor |
| 121 | +# - css.properties.inset-block-start.anchor |
| 122 | +# - css.properties.inset-inline.anchor |
| 123 | +# - css.properties.inset-inline-end.anchor |
| 124 | +# - css.properties.inset-inline-start.anchor |
| 125 | +# - css.properties.justify-items.anchor-center |
| 126 | +# - css.properties.justify-self.anchor-center |
| 127 | +# - css.properties.left.anchor |
| 128 | +# - css.properties.max-block-size.anchor-size |
| 129 | +# - css.properties.max-height.anchor-size |
| 130 | +# - css.properties.max-inline-size.anchor-size |
| 131 | +# - css.properties.max-width.anchor-size |
| 132 | +# - css.properties.min-block-size.anchor-size |
| 133 | +# - css.properties.min-height.anchor-size |
| 134 | +# - css.properties.min-inline-size.anchor-size |
| 135 | +# - css.properties.min-width.anchor-size |
| 136 | +# - css.properties.place-items.anchor-center |
| 137 | +# - css.properties.place-self.anchor-center |
| 138 | +# - css.properties.position-anchor |
| 139 | +# - css.properties.position-anchor.auto |
| 140 | +# - css.properties.position-area |
| 141 | +# - css.properties.position-area.block-end |
| 142 | +# - css.properties.position-area.block-start |
| 143 | +# - css.properties.position-area.bottom |
| 144 | +# - css.properties.position-area.center |
| 145 | +# - css.properties.position-area.end |
| 146 | +# - css.properties.position-area.inline-end |
| 147 | +# - css.properties.position-area.inline-start |
| 148 | +# - css.properties.position-area.left |
| 149 | +# - css.properties.position-area.none |
| 150 | +# - css.properties.position-area.right |
| 151 | +# - css.properties.position-area.self-end |
| 152 | +# - css.properties.position-area.self-start |
| 153 | +# - css.properties.position-area.span-all |
| 154 | +# - css.properties.position-area.span-block-end |
| 155 | +# - css.properties.position-area.span-block-start |
| 156 | +# - css.properties.position-area.span-bottom |
| 157 | +# - css.properties.position-area.span-end |
| 158 | +# - css.properties.position-area.span-inline-end |
| 159 | +# - css.properties.position-area.span-inline-start |
| 160 | +# - css.properties.position-area.span-start |
| 161 | +# - css.properties.position-area.span-top |
| 162 | +# - css.properties.position-area.span-x-end |
| 163 | +# - css.properties.position-area.span-x-start |
| 164 | +# - css.properties.position-area.span-y-end |
| 165 | +# - css.properties.position-area.span-y-start |
| 166 | +# - css.properties.position-area.start |
| 167 | +# - css.properties.position-area.top |
| 168 | +# - css.properties.position-area.x-end |
| 169 | +# - css.properties.position-area.x-self-end |
| 170 | +# - css.properties.position-area.x-self-start |
| 171 | +# - css.properties.position-area.x-start |
| 172 | +# - css.properties.position-area.y-end |
| 173 | +# - css.properties.position-area.y-self-end |
| 174 | +# - css.properties.position-area.y-self-start |
| 175 | +# - css.properties.position-area.y-start |
| 176 | +# - css.properties.position-try |
| 177 | +# - css.properties.position-try-fallbacks |
| 178 | +# - css.properties.position-try-fallbacks.flip-block |
| 179 | +# - css.properties.position-try-fallbacks.flip-inline |
| 180 | +# - css.properties.position-try-fallbacks.flip-start |
| 181 | +# - css.properties.position-try-fallbacks.none |
| 182 | +# - css.properties.position-try-fallbacks.position-area |
| 183 | +# - css.properties.position-try-order |
| 184 | +# - css.properties.position-try-order.most-block-size |
| 185 | +# - css.properties.position-try-order.most-height |
| 186 | +# - css.properties.position-try-order.most-inline-size |
| 187 | +# - css.properties.position-try-order.most-width |
| 188 | +# - css.properties.position-try-order.normal |
| 189 | +# - css.properties.position-visibility |
| 190 | +# - css.properties.position-visibility.always |
| 191 | +# - css.properties.position-visibility.anchors-visible |
| 192 | +# - css.properties.position-visibility.no-overflow |
| 193 | +# - css.properties.right.anchor |
| 194 | +# - css.properties.top.anchor |
| 195 | +# - css.properties.width.anchor-size |
| 196 | +# - css.types.anchor |
| 197 | +# - css.types.anchor-size |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4&size=40){kind=avatar}
0 commit comments