Add CSS Anchor Positioning data (#728)

mdn · Apr 11, 2024 · b3997c5 · b3997c5
1 parent 6675982
commit b3997c5
Show file tree

Hide file tree

Showing 5 changed files with 172 additions and 0 deletions.
diff --git a/css/at-rules.json b/css/at-rules.json
@@ -417,6 +417,17 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@page"
   },
+  "@position-try": {
+    "syntax": "@position-try <dashed-ident> {\n  <declaration-list>\n}",
+    "interfaces": [
+      "CSSPositionTryRule"
+    ],
+    "groups": [
+      "CSS Positioning"
+    ],
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@position-try"
+  },
   "@property": {
     "syntax": "@property <custom-property-name> {\n  <declaration-list>\n}",
     "interfaces": [

diff --git a/css/functions.json b/css/functions.json
@@ -1,4 +1,20 @@
 {
+  "anchor()": {
+    "syntax": "anchor( <anchor-element>? <anchor-side>, <length-percentage>? )",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor"
+  },
+  "anchor-size()": {
+    "syntax": "anchor-size( <anchor-element>? <anchor-size>, <length-percentage>? )",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
+  },
   "attr()": {
     "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
     "groups": [

diff --git a/css/properties.json b/css/properties.json
@@ -1783,6 +1783,38 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/all"
   },
+  "anchor-name": {
+    "syntax": "none | <dashed-ident>#",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "none",
+    "appliesto": "allElementsThatGenerateAPrincipalBox",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-name"
+  },
+  "anchor-scope": {
+    "syntax": "none | all | <dashed-ident>#",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "none",
+    "appliesto": "allElements",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-scope"
+  },
   "animation": {
     "syntax": "<single-animation>#",
     "media": "visual",
@@ -6002,6 +6034,22 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/inset"
   },
+  "inset-area": {
+    "syntax": "none | <inset-area>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "none",
+    "appliesto": "positionedElementsWithADefaultAnchorElement",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/inset-area"
+  },
   "inset-block": {
     "syntax": "<'top'>{1,2}",
     "media": "visual",
@@ -8142,6 +8190,95 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position"
   },
+  "position-anchor": {
+    "syntax": "<anchor-element>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "implicit",
+    "appliesto": "absolutelyPositionedElements",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position-anchor"
+  },
+  "position-try": {
+    "syntax": "<'position-try-order'>? <'position-try-options'>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": [
+      "position-try-options",
+      "position-try-order"
+    ],
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": [
+      "position-try-options",
+      "position-try-order"
+    ],
+    "appliesto": "absolutelyPositionedElements",
+    "computed": [
+      "position-try-options",
+      "position-try-order"
+    ],
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position-try"
+  },
+  "position-try-options": {
+    "syntax": "none | [ [<dashed-ident> || <try-tactic>] | inset-area( <'inset-area'> ) ]#",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "none",
+    "appliesto": "absolutelyPositionedElements",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position-try-options"
+  },
+  "position-try-order": {
+    "syntax": "normal | <try-size>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "normal",
+    "appliesto": "absolutelyPositionedElements",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position-try-order"
+  },
+  "position-visibility": {
+    "syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "discrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Positioning"
+    ],
+    "initial": "anchors-visible",
+    "appliesto": "absolutelyPositionedElements",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "experimental",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/position-visibility"
+  },
   "print-color-adjust": {
     "syntax": "economy | exact",
     "media": "visual",

diff --git a/css/properties.schema.json b/css/properties.schema.json
@@ -190,6 +190,7 @@
         "allElementsSVGContainerElements",
         "allElementsSVGContainerGraphicsAndGraphicsReferencingElements",
         "allElementsThatCanReferenceImages",
+        "allElementsThatGenerateAPrincipalBox",
         "allElementsTreeAbidingPseudoElementsPageMarginBoxes",
         "allElementsUAsNotRequiredWhenCollapse",
         "anyElementEffectOnProgressAndMeter",
@@ -243,6 +244,7 @@
         "nonReplacedElements",
         "nonReplacedInlineElements",
         "positionedElements",
+        "positionedElementsWithADefaultAnchorElement",
         "replacedElements",
         "rubyAnnotationsContainers",
         "rubyBasesAnnotationsBaseAnnotationContainers",

diff --git a/l10n/css.json b/l10n/css.json
@@ -244,6 +244,9 @@
     "ja": "すべての要素。ただし一部の値はインラインでない要素には効果がありません",
     "ru": "все элементы, хотя некоторые значения не работают на не строчных элементах"
   },
+  "allElementsThatGenerateAPrincipalBox": {
+    "en-US": "All elements that generate a <a href=\"https://drafts.csswg.org/css-display-4/#principal-box\">principal box</a>"
+  },
   "allElementsTreeAbidingPseudoElementsPageMarginBoxes": {
     "ja": "すべての要素、ツリーに現れる擬似要素、ページのマージンボックス",
     "en-US": "All elements, tree-abiding pseudo-elements, and page margin boxes"
@@ -1216,6 +1219,9 @@
     "ja": "<a href=\"/en-US/docs/Web/CSS/position_value#interpolation\" title=\"<position> データ型の値は、横軸と縦軸に対して個別に補間されます。速度は両方とも同じ <easing-function> で定義されているので、点は線に沿って移動します。\">position</a>",
     "ru": "<a href=\"/ru/docs/Web/CSS/position_value#interpolation\" title=\"Значении типа данных <позиция> интерполизуются независимо как абсцисса или ордината. Скорость определяется по одной <временной функции> для обоих координат, точка будет двигаться следуя линии.\">позиция</a>"
   },
+  "positionedElementsWithADefaultAnchorElement": {
+    "en-US": "Positioned elements with a <a href=\"https://drafts.csswg.org/css-anchor-position-1/#default-anchor-element\">default anchor element</a>"
+  },
   "positionedElements": {
     "de": "positionierte Elemente",
     "en-US": "positioned elements",