npm - @webref/css - Versions diffs - 6.23.11 → 6.23.12 - Mend

@webref/css 6.23.11 → 6.23.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/css-anchor-position-2.json +366 -1
package/css-anchor-position.json +102 -102
package/css-borders.json +8 -8
package/css-cascade-6.json +1 -1
package/css-cascade.json +1 -1
package/css-color-5.json +1 -1
package/css-conditional-5.json +15 -15
package/css-fonts-5.json +1 -1
package/css-fonts.json +1 -1
package/css-values-5.json +1 -1
package/css-view-transitions.json +7 -0
package/mathml-core.json +3 -3
package/package.json +1 -1

package/css-anchor-position-2.json CHANGED Viewed

@@ -12,7 +12,7 @@
           "name": "fallback",
           "href": "https://drafts.csswg.org/css-anchor-position-2/#descdef-container-fallback",
           "for": "@container",
-          "value": "none | [ [<dashed-ident> || <try-tactic>] | <position-area> ]",
+          "value": "none | [ [<dashed-ident> || <try-tactic>] | <position-area-query> ]",
           "type": "discrete",
           "values": [
             {
@@ -40,6 +40,371 @@
       "href": "https://drafts.csswg.org/css-anchor-position-2/#typedef-anchored-in-parens",
       "type": "type",
       "value": "( <anchored-query> ) | ( <anchored-feature> ) | <general-enclosed>"
+    },
+    {
+      "name": "<position-area-query>",
+      "href": "https://drafts.csswg.org/css-anchor-position-2/#typedef-position-area-query",
+      "type": "type",
+      "value": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | self-x-start | self-x-end | span-self-x-start | span-self-x-end | span-all | any ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | self-y-start | self-y-end | span-self-y-start | span-self-y-end | span-all | any ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all | any ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all | any ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all | any ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all | any ] | [ start | center | end | span-start | span-end | span-all | any ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all | any ]{1,2} ]",
+      "values": [
+        {
+          "name": "any",
+          "prose": "any can be used for one or both of the axes. It is ambiguous about which axis it refers to, and is handled like other ambiguous keywords for '<position-area>' such as start or center when it comes to assigning axis and duplicating single keyword values.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-any",
+          "type": "value",
+          "value": "any"
+        },
+        {
+          "name": "start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-start",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-end",
+          "type": "value",
+          "value": "end"
+        },
+        {
+          "name": "self-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-start",
+          "type": "value",
+          "value": "self-start"
+        },
+        {
+          "name": "self-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-end",
+          "type": "value",
+          "value": "self-end"
+        },
+        {
+          "name": "top",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-top",
+          "type": "value",
+          "value": "top"
+        },
+        {
+          "name": "bottom",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-bottom",
+          "type": "value",
+          "value": "bottom"
+        },
+        {
+          "name": "left",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-left",
+          "type": "value",
+          "value": "left"
+        },
+        {
+          "name": "right",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-right",
+          "type": "value",
+          "value": "right"
+        },
+        {
+          "name": "y-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-y-start",
+          "type": "value",
+          "value": "y-start"
+        },
+        {
+          "name": "y-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-y-end",
+          "type": "value",
+          "value": "y-end"
+        },
+        {
+          "name": "self-y-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-y-start",
+          "type": "value",
+          "value": "self-y-start"
+        },
+        {
+          "name": "self-y-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-y-end",
+          "type": "value",
+          "value": "self-y-end"
+        },
+        {
+          "name": "x-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-x-start",
+          "type": "value",
+          "value": "x-start"
+        },
+        {
+          "name": "x-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-x-end",
+          "type": "value",
+          "value": "x-end"
+        },
+        {
+          "name": "self-x-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-x-start",
+          "type": "value",
+          "value": "self-x-start"
+        },
+        {
+          "name": "self-x-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-x-end",
+          "type": "value",
+          "value": "self-x-end"
+        },
+        {
+          "name": "block-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-block-start",
+          "type": "value",
+          "value": "block-start"
+        },
+        {
+          "name": "block-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-block-end",
+          "type": "value",
+          "value": "block-end"
+        },
+        {
+          "name": "self-block-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-block-start",
+          "type": "value",
+          "value": "self-block-start"
+        },
+        {
+          "name": "self-block-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-block-end",
+          "type": "value",
+          "value": "self-block-end"
+        },
+        {
+          "name": "inline-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-inline-start",
+          "type": "value",
+          "value": "inline-start"
+        },
+        {
+          "name": "inline-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-inline-end",
+          "type": "value",
+          "value": "inline-end"
+        },
+        {
+          "name": "self-inline-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-inline-start",
+          "type": "value",
+          "value": "self-inline-start"
+        },
+        {
+          "name": "self-inline-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-self-inline-end",
+          "type": "value",
+          "value": "self-inline-end"
+        },
+        {
+          "name": "center",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-center",
+          "type": "value",
+          "value": "center"
+        },
+        {
+          "name": "span-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-start",
+          "type": "value",
+          "value": "span-start"
+        },
+        {
+          "name": "span-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-end",
+          "type": "value",
+          "value": "span-end"
+        },
+        {
+          "name": "span-self-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-start",
+          "type": "value",
+          "value": "span-self-start"
+        },
+        {
+          "name": "span-self-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-end",
+          "type": "value",
+          "value": "span-self-end"
+        },
+        {
+          "name": "span-top",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-top",
+          "type": "value",
+          "value": "span-top"
+        },
+        {
+          "name": "span-bottom",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-bottom",
+          "type": "value",
+          "value": "span-bottom"
+        },
+        {
+          "name": "span-left",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-left",
+          "type": "value",
+          "value": "span-left"
+        },
+        {
+          "name": "span-right",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-right",
+          "type": "value",
+          "value": "span-right"
+        },
+        {
+          "name": "span-y-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-y-start",
+          "type": "value",
+          "value": "span-y-start"
+        },
+        {
+          "name": "span-y-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-y-end",
+          "type": "value",
+          "value": "span-y-end"
+        },
+        {
+          "name": "span-self-y-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-y-start",
+          "type": "value",
+          "value": "span-self-y-start"
+        },
+        {
+          "name": "span-self-y-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-y-end",
+          "type": "value",
+          "value": "span-self-y-end"
+        },
+        {
+          "name": "span-x-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-x-start",
+          "type": "value",
+          "value": "span-x-start"
+        },
+        {
+          "name": "span-x-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-x-end",
+          "type": "value",
+          "value": "span-x-end"
+        },
+        {
+          "name": "span-self-x-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-x-start",
+          "type": "value",
+          "value": "span-self-x-start"
+        },
+        {
+          "name": "span-self-x-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-x-end",
+          "type": "value",
+          "value": "span-self-x-end"
+        },
+        {
+          "name": "span-block-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-block-start",
+          "type": "value",
+          "value": "span-block-start"
+        },
+        {
+          "name": "span-block-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-block-end",
+          "type": "value",
+          "value": "span-block-end"
+        },
+        {
+          "name": "span-self-block-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-block-start",
+          "type": "value",
+          "value": "span-self-block-start"
+        },
+        {
+          "name": "span-self-block-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-block-end",
+          "type": "value",
+          "value": "span-self-block-end"
+        },
+        {
+          "name": "span-inline-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-inline-start",
+          "type": "value",
+          "value": "span-inline-start"
+        },
+        {
+          "name": "span-inline-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-inline-end",
+          "type": "value",
+          "value": "span-inline-end"
+        },
+        {
+          "name": "span-self-inline-start",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-inline-start",
+          "type": "value",
+          "value": "span-self-inline-start"
+        },
+        {
+          "name": "span-self-inline-end",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-self-inline-end",
+          "type": "value",
+          "value": "span-self-inline-end"
+        },
+        {
+          "name": "span-all",
+          "prose": "See respective definitions for '<position-area>'.",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#valdef-position-area-query-span-all",
+          "type": "value",
+          "value": "span-all"
+        }
+      ]
     }
   ],
   "warnings": [

package/css-anchor-position.json CHANGED Viewed

@@ -25,7 +25,7 @@
         },
         {
           "name": "<dashed-ident>#",
-          "prose": "If the element generates a principal box, the element is an anchor element, with a list of anchor names as specified. Each anchor name is a tree-scoped name. Otherwise, the property has no effect.",
+          "prose": "If the element generates a principal box, the element is an anchor element, with a list of anchor names as specified. Each anchor name is a loosely matched tree-scoped name. Otherwise, the property has no effect.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-name-dashed-ident",
           "type": "value",
           "value": "<dashed-ident>#"
@@ -57,14 +57,14 @@
         },
         {
           "name": "all",
-          "prose": "Specifies that all anchor names defined by this element or its descendants—whose scope is not already limited by a descendant using anchor-scope—to be in scope only for this element’s descendants; and limits descendants to only match anchor names to anchor elements within this subtree. This value only affects anchor names in the same tree scope, as if it were a tree-scoped name. (That is, anchor-scope: all acts identically to anchor-scope: --foo, --bar, ..., listing all relevant anchor names.)",
+          "prose": "Specifies that all anchor names defined by this element or its descendants—whose scope is not already limited by a descendant using anchor-scope—to be in scope only for this element’s descendants; and limits descendants to only match anchor names to anchor elements within this subtree. This value only affects anchor names in the same tree scope, as if it were a strictly matched tree-scoped name. (That is, anchor-scope: all acts identically to anchor-scope: --foo, --bar, ..., listing all relevant anchor names.)",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-scope-all",
           "type": "value",
           "value": "all"
         },
         {
           "name": "<dashed-ident>",
-          "prose": "Specifies that a matching anchor name defined by this element or its descendants—whose scope is not already limited by a descendant using anchor-scope—to be in scope only for this element’s descendants; and limits descendants to only match these anchor names to anchor elements within this subtree. The <dashed-ident> is a tree-scoped name.",
+          "prose": "Specifies that a matching anchor name defined by this element or its descendants—whose scope is not already limited by a descendant using anchor-scope—to be in scope only for this element’s descendants; and limits descendants to only match these anchor names to anchor elements within this subtree. The <dashed-ident> represents a strictly matched tree-scoped name, i.e. it can only match against anchor names in the same shadow tree.[CSS-SCOPING-1]",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-scope-dashed-ident",
           "type": "value",
           "value": "<dashed-ident>"
@@ -167,52 +167,6 @@
         "bottom"
       ]
     },
-    {
-      "name": "position-visibility",
-      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-visibility",
-      "value": "always | [ anchors-valid || anchors-visible || no-overflow ]",
-      "initial": "anchors-visible",
-      "appliesTo": "absolutely positioned boxes",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "always",
-          "prose": "This property has no effect. (The box is displayed without regard for its anchors or its overflowing status.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-always",
-          "type": "value",
-          "value": "always"
-        },
-        {
-          "name": "anchors-valid",
-          "prose": "If any of the box’s required anchor references do not resolve to a target anchor element, the box’s visibility property computes to force-hidden. What is a required anchor reference? anchor() functions that don’t have a fallback value; the default anchor *sometimes*? Need more detail here. Any anchors are missing, or all anchors are missing? I can see use-cases for either, potentially. Do we want to make a decision here, or make it controllable somehow?",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-valid",
-          "type": "value",
-          "value": "anchors-valid"
-        },
-        {
-          "name": "anchors-visible",
-          "prose": "If the box has a default anchor box but that anchor box is invisible or clipped by intervening boxes, the box’s visibility property computes to force-hidden.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-visible",
-          "type": "value",
-          "value": "anchors-visible"
-        },
-        {
-          "name": "no-overflow",
-          "prose": "If the box overflows its inset-modified containing block even after applying position-try, the box’s visibility property computes to force-hidden.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-no-overflow",
-          "type": "value",
-          "value": "no-overflow"
-        }
-      ],
-      "styleDeclaration": [
-        "position-visibility",
-        "positionVisibility"
-      ]
-    },
     {
       "name": "justify-self",
       "newValues": "anchor-center | dialog",
@@ -390,7 +344,7 @@
     {
       "name": "position-try-fallbacks",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",
-      "value": "none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#",
+      "value": "none | [ [<dashed-ident> || <try-tactic>] | <position-area> ]#",
       "initial": "none",
       "appliesTo": "absolutely positioned boxes",
       "inherited": "no",
@@ -454,11 +408,11 @@
           "value": "<dashed-ident> || <try-tactic>"
         },
         {
-          "name": "<'position-area'>",
+          "name": "<position-area>",
           "prose": "Automatically creates a position option composed solely of a position-area property with the given value.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-position-area",
           "type": "value",
-          "value": "<'position-area'>"
+          "value": "<position-area>"
         }
       ],
       "styleDeclaration": [
@@ -534,6 +488,52 @@
         "position-try",
         "positionTry"
       ]
+    },
+    {
+      "name": "position-visibility",
+      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-visibility",
+      "value": "always | [ anchors-valid || anchors-visible || no-overflow ]",
+      "initial": "anchors-visible",
+      "appliesTo": "absolutely positioned boxes",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "always",
+          "prose": "This property has no effect. (The box is displayed without regard for its anchors or its overflowing status.)",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-always",
+          "type": "value",
+          "value": "always"
+        },
+        {
+          "name": "anchors-valid",
+          "prose": "If any of the box’s required anchor references do not resolve to a target anchor element, the box’s visibility property computes to force-hidden. What is a required anchor reference? anchor() functions that don’t have a fallback value; the default anchor *sometimes*? Need more detail here. Any anchors are missing, or all anchors are missing? I can see use-cases for either, potentially. Do we want to make a decision here, or make it controllable somehow?",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-valid",
+          "type": "value",
+          "value": "anchors-valid"
+        },
+        {
+          "name": "anchors-visible",
+          "prose": "If the box has a default anchor box but that anchor box is invisible or clipped by intervening boxes, the box’s visibility property computes to force-hidden.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-visible",
+          "type": "value",
+          "value": "anchors-visible"
+        },
+        {
+          "name": "no-overflow",
+          "prose": "If the box overflows its inset-modified containing block even after applying position-try, the box’s visibility property computes to force-hidden.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-no-overflow",
+          "type": "value",
+          "value": "no-overflow"
+        }
+      ],
+      "styleDeclaration": [
+        "position-visibility",
+        "positionVisibility"
+      ]
     }
   ],
   "atrules": [
@@ -551,179 +551,179 @@
       "name": "<position-area>",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-area",
       "type": "type",
-      "value": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
+      "value": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | self-x-start | self-x-end | span-self-x-start | span-self-x-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | self-y-start | self-y-end | span-self-y-start | span-self-y-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
       "values": [
         {
           "name": "start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-start",
           "type": "value",
           "value": "start"
         },
         {
           "name": "end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-end",
           "type": "value",
           "value": "end"
         },
         {
           "name": "self-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-start",
           "type": "value",
           "value": "self-start"
         },
         {
           "name": "self-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-end",
           "type": "value",
           "value": "self-end"
         },
         {
           "name": "top",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-top",
           "type": "value",
           "value": "top"
         },
         {
           "name": "bottom",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-bottom",
           "type": "value",
           "value": "bottom"
         },
         {
           "name": "left",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-left",
           "type": "value",
           "value": "left"
         },
         {
           "name": "right",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-right",
           "type": "value",
           "value": "right"
         },
         {
           "name": "y-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-start",
           "type": "value",
           "value": "y-start"
         },
         {
           "name": "y-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-end",
           "type": "value",
           "value": "y-end"
         },
         {
-          "name": "y-self-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-start",
+          "name": "self-x-start",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-x-start",
           "type": "value",
-          "value": "y-self-start"
+          "value": "self-x-start"
         },
         {
-          "name": "y-self-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-end",
+          "name": "self-y-end",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-y-end",
           "type": "value",
-          "value": "y-self-end"
+          "value": "self-y-end"
         },
         {
           "name": "x-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-start",
           "type": "value",
           "value": "x-start"
         },
         {
           "name": "x-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-end",
           "type": "value",
           "value": "x-end"
         },
         {
-          "name": "x-self-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-start",
+          "name": "self-x-start",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-x-start%E2%91%A0",
           "type": "value",
-          "value": "x-self-start"
+          "value": "self-x-start"
         },
         {
-          "name": "x-self-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-end",
+          "name": "self-x-end",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-x-end",
           "type": "value",
-          "value": "x-self-end"
+          "value": "self-x-end"
         },
         {
           "name": "block-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-start",
           "type": "value",
           "value": "block-start"
         },
         {
           "name": "block-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-end",
           "type": "value",
           "value": "block-end"
         },
         {
           "name": "self-block-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-block-start",
           "type": "value",
           "value": "self-block-start"
         },
         {
           "name": "self-block-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-block-end",
           "type": "value",
           "value": "self-block-end"
         },
         {
           "name": "inline-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-start",
           "type": "value",
           "value": "inline-start"
         },
         {
           "name": "inline-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-end",
           "type": "value",
           "value": "inline-end"
         },
         {
           "name": "self-inline-start",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-inline-start",
           "type": "value",
           "value": "self-inline-start"
         },
         {
           "name": "self-inline-end",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-inline-end",
           "type": "value",
           "value": "self-inline-end"
         },
         {
           "name": "center",
-          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
+          "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, self-x-end, etc) are identical, but refer to the box’s own writing mode.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-center",
           "type": "value",
           "value": "center"
@@ -799,18 +799,18 @@
           "value": "span-y-end"
         },
         {
-          "name": "span-y-self-start",
+          "name": "span-self-y-start",
           "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-y-start",
           "type": "value",
-          "value": "span-y-self-start"
+          "value": "span-self-y-start"
         },
         {
-          "name": "span-y-self-end",
+          "name": "span-self-y-end",
           "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-y-end",
           "type": "value",
-          "value": "span-y-self-end"
+          "value": "span-self-y-end"
         },
         {
           "name": "span-x-start",
@@ -827,18 +827,18 @@
           "value": "span-x-end"
         },
         {
-          "name": "span-x-self-start",
+          "name": "span-self-x-start",
           "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-x-start",
           "type": "value",
-          "value": "span-x-self-start"
+          "value": "span-self-x-start"
         },
         {
-          "name": "span-x-self-end",
+          "name": "span-self-x-end",
           "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-x-end",
           "type": "value",
-          "value": "span-x-self-end"
+          "value": "span-self-x-end"
         },
         {
           "name": "span-block-start",

package/css-borders.json CHANGED Viewed

@@ -1297,7 +1297,7 @@
     {
       "name": "corner-top-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1313,7 +1313,7 @@
     {
       "name": "corner-top-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1329,7 +1329,7 @@
     {
       "name": "corner-bottom-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1345,7 +1345,7 @@
     {
       "name": "corner-bottom-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1361,7 +1361,7 @@
     {
       "name": "corner-start-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1377,7 +1377,7 @@
     {
       "name": "corner-start-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1393,7 +1393,7 @@
     {
       "name": "corner-end-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1409,7 +1409,7 @@
     {
       "name": "corner-end-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",

package/css-cascade-6.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Cascading and Inheritance Level 6",
+    "title": "CSS Cascading and Inheritance Module Level 6",
     "url": "https://drafts.csswg.org/css-cascade-6/"
   },
   "properties": [],

package/css-cascade.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Cascading and Inheritance Level 5",
+    "title": "CSS Cascading and Inheritance Module Level 5",
     "url": "https://drafts.csswg.org/css-cascade-5/"
   },
   "properties": [

package/css-color-5.json CHANGED Viewed

@@ -82,7 +82,7 @@
     },
     {
       "name": "color-mix()",
-      "value": "color-mix( [ <color-interpolation-method> ,]? [ <color> && <percentage [0,100]>? ]#)",
+      "value": "color-mix( <color-interpolation-method>? , [ <color> && <percentage [0,100]>? ]#)",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-color-mix",
       "type": "function"
     },

package/css-conditional-5.json CHANGED Viewed

@@ -400,8 +400,8 @@
           ]
         },
         {
-          "name": "direction",
-          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
+          "name": "scrolled",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-scrolled",
           "for": "@container",
           "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
           "type": "discrete",
@@ -409,91 +409,91 @@
             {
               "name": "none",
               "prose": "The query container has not had a relative scroll yet.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-none",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-none",
               "type": "value",
               "value": "none"
             },
             {
               "name": "top",
               "prose": "The most recent relative scroll was upwards.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-top",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-top",
               "type": "value",
               "value": "top"
             },
             {
               "name": "right",
               "prose": "The most recent relative scroll was to the right.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-right",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-right",
               "type": "value",
               "value": "right"
             },
             {
               "name": "bottom",
               "prose": "The most recent relative scroll was downwards.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-bottom",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-bottom",
               "type": "value",
               "value": "bottom"
             },
             {
               "name": "left",
               "prose": "The most recent relative scroll was to the left.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-left",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-left",
               "type": "value",
               "value": "left"
             },
             {
               "name": "block-start",
               "prose": "The most recent relative scroll was towards the block-start direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-start",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block-start",
               "type": "value",
               "value": "block-start"
             },
             {
               "name": "inline-start",
               "prose": "The most recent relative scroll was towards the inline-start direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-start",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline-start",
               "type": "value",
               "value": "inline-start"
             },
             {
               "name": "block-end",
               "prose": "The most recent relative scroll was towards the block-end direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-end",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block-end",
               "type": "value",
               "value": "block-end"
             },
             {
               "name": "inline-end",
               "prose": "The most recent relative scroll was towards the inline-end direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-end",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline-end",
               "type": "value",
               "value": "inline-end"
             },
             {
               "name": "x",
               "prose": "The most recent relative scroll was in the horizontal direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-x",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-x",
               "type": "value",
               "value": "x"
             },
             {
               "name": "y",
               "prose": "The most recent relative scroll was in the vertical direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-y",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-y",
               "type": "value",
               "value": "y"
             },
             {
               "name": "block",
               "prose": "The most recent relative scroll was in the block direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block",
               "type": "value",
               "value": "block"
             },
             {
               "name": "inline",
               "prose": "The most recent relative scroll was in the inline direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline",
               "type": "value",
               "value": "inline"
             }

package/css-fonts-5.json CHANGED Viewed

@@ -74,7 +74,7 @@
         },
         {
           "name": "from-font",
-          "prose": "Computes to the <number> corresponding to the specified metric of the first available font. w3c/csswg-drafts/6384[css-fonts-5] font-size-adjust with missing metrics",
+          "prose": "Computes to the <number> corresponding to the specified metric of the first available font, if it exists. Otherwise, the same as none.",
           "href": "https://drafts.csswg.org/css-fonts-5/#valdef-font-size-adjust-from-font",
           "type": "value",
           "value": "from-font"

package/css-fonts.json CHANGED Viewed

@@ -1523,7 +1523,7 @@
         },
         {
           "name": "system-ui",
-          "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. The precise font used will depend on factors such as Unicode coverage and the content language. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
+          "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families, may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. This is useful for hybrid, web or cross-platform applications. The precise font(s) used will depend on factors such as platform support, platform language, locale settings, user preferences, Unicode coverage and the content language. UA may optionally choose to use the text rendering engine provided by the platform when using system-ui to match the appearance of the default user interface more closely. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
           "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-system-ui",
           "type": "value",
           "value": "system-ui"

package/css-values-5.json CHANGED Viewed

@@ -650,7 +650,7 @@
       "name": "<attr-type>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
       "type": "type",
-      "value": "type( <syntax> ) | raw-string | <attr-unit>"
+      "value": "type( <syntax> ) | raw-string | number | <attr-unit>"
     },
     {
       "name": "<attr-args>",

package/css-view-transitions.json CHANGED Viewed

@@ -36,6 +36,13 @@
         "viewTransitionName"
       ]
     },
+    {
+      "name": "contain",
+      "newValues": "view-transition",
+      "styleDeclaration": [
+        "contain"
+      ]
+    },
     {
       "name": "view-transition-class",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",

package/mathml-core.json CHANGED Viewed

@@ -21,7 +21,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-style",
@@ -38,7 +38,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-shift",
@@ -55,7 +55,7 @@
       "percentages": "n/a",
       "computedValue": "an integer, see below",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-depth",

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.23.11",
+  "version": "6.23.12",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"