@webref/css 6.15.2 → 6.16.1

package/css-backgrounds-4.json

@@ -224,13 +224,13 @@
       "name": "background-position",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position",
       "value": "<bg-position>#",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
+      "initial": "0% 0%",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to size of background positioning area minus size of background image; see text",
+      "computedValue": "a list, each item a pair of offsets (horizontal and vertical) from the top left origin, each offset given as a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
+      "animationType": "repeatable list",
       "styleDeclaration": [
         "background-position",
         "backgroundPosition"
@@ -354,9 +354,16 @@
     },
     {
       "name": "<bg-position>",
+      "prose": "Its value is given as a comma-separated list of <bg-position> values, which are interpreted as <position> values with the resized background image as the alignment subject and the background positioning area as the alignment container.",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-position",
       "type": "type",
-      "value": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
+      "value": "<position> | <position-three>"
+    },
+    {
+      "name": "<position-three>",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-position-three",
+      "type": "type",
+      "value": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]"
     },
     {
       "name": "<bg-clip>",

package/css-color-5.json

@@ -72,7 +72,7 @@
       "prose": "Colors in CSS are represented by the <color> type:",
       "href": "https://drafts.csswg.org/css-color-5/#typedef-color",
       "type": "type",
-      "value": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>"
+      "value": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>"
     },
     {
       "name": "<color-base>",

package/css-conditional-5.json

@@ -180,9 +180,16 @@
           "name": "stuck",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-stuck",
           "for": "@container",
-          "value": "top | right | bottom | left | block-start | inline-start | block-end | inline-end",
+          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end",
           "type": "discrete",
           "values": [
+            {
+              "name": "none",
+              "prose": "The sticky container is not shifted in any direction.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-none",
+              "type": "value",
+              "value": "none"
+            },
             {
               "name": "top",
               "prose": "The sticky container is shifted to stay inside the top edge.",
@@ -245,26 +252,33 @@
           "name": "snapped",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-snapped",
           "for": "@container",
-          "value": "x | y | block | inline",
+          "value": "none | x | y | block | inline",
           "type": "discrete",
           "values": [
+            {
+              "name": "none",
+              "prose": "The query container is not a snap target.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-none",
+              "type": "value",
+              "value": "none"
+            },
             {
               "name": "x",
-              "prose": "snapped container feature matches x if the query container is a horizontal snap target for its scroll container",
+              "prose": "snapped container feature matches x if the query container is a horizontal snap target for its scroll container.",
               "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-x",
               "type": "value",
               "value": "x"
             },
             {
               "name": "y",
-              "prose": "snapped container feature matches y if the query container is a vertical snap target for its scroll container",
+              "prose": "snapped container feature matches y if the query container is a vertical snap target for its scroll container.",
               "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-y",
               "type": "value",
               "value": "y"
             },
             {
               "name": "block",
-              "prose": "snapped container feature matches block if the query container is a snap target for its scroll container in the block direction of the snap container.",
+              "prose": "snapped container feature matches block if the query container is a snap target for its scroll container. in the block direction of the snap container.",
               "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-block",
               "type": "value",
               "value": "block"
@@ -282,9 +296,16 @@
           "name": "overflowing",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-overflowing",
           "for": "@container",
-          "value": "top | right | bottom | left | block-start | inline-start | block-end | inline-end",
+          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end",
           "type": "discrete",
           "values": [
+            {
+              "name": "none",
+              "prose": "The scroll container does not have scrollable overflow in any direction.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-none",
+              "type": "value",
+              "value": "none"
+            },
             {
               "name": "top",
               "prose": "The scroll container has scrollable overflow past the top edge.",

package/css-grid-3.json

@@ -206,11 +206,11 @@
     {
       "name": "masonry-template-tracks",
       "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-tracks",
-      "value": "<'grid-template-columns'>",
+      "value": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
       "initial": "repeat(auto-areas, auto)",
       "appliesTo": "masonry containers",
       "inherited": "no",
-      "percentages": "refer to correspodning dimension of the content area",
+      "percentages": "refer to corresponding dimension of the content area",
       "computedValue": "by computed value type per item in the computed track list",
       "canonicalOrder": "per grammar",
       "animationType": "if list lengths match, by computed value type; otherwise, discrete",
@@ -242,7 +242,7 @@
       "initial": "auto",
       "appliesTo": "grid containers",
       "inherited": "no",
-      "percentages": "refer to correspodning dimension of the content area",
+      "percentages": "refer to corresponding dimension of the content area",
       "computedValue": "a computed track list",
       "canonicalOrder": "per grammar",
       "animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
@@ -254,21 +254,28 @@
     {
       "name": "masonry-slack",
       "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-slack",
-      "value": "<length-percentage>",
+      "value": "<length-percentage> | infinite",
       "initial": "1em",
       "appliesTo": "masonry containers",
       "inherited": "no",
       "percentages": "relative to the grid-axis content box size of the masonry container",
-      "computedValue": "a computed length",
+      "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
-      "animationType": "discrete",
+      "animationType": "as length",
       "values": [
         {
-          "name": "<length>",
+          "name": "<length-percentage>",
           "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length-percentage",
           "type": "value",
-          "value": "<length>"
+          "value": "<length-percentage>"
+        },
+        {
+          "name": "infinite",
+          "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-infinite",
+          "type": "value",
+          "value": "infinite"
         }
       ],
       "styleDeclaration": [
@@ -303,7 +310,14 @@
   ],
   "atrules": [],
   "selectors": [],
-  "values": [],
+  "values": [
+    {
+      "name": "<masonry-auto-track-list>",
+      "href": "https://drafts.csswg.org/css-grid-3/#typedef-masonry-auto-track-list",
+      "type": "type",
+      "value": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*"
+    }
+  ],
   "warnings": [
     {
       "msg": "Dangling value",

package/css-pseudo.json

@@ -79,6 +79,12 @@
       "name": "::details-content",
       "prose": "The ::details-content pseudo-element targets the additional information in a a details element that can be expanded or collapsed. It is a part-like pseudo-element.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-details-content"
+    },
+    {
+      "name": "::picker()",
+      "prose": "The ::picker() pseudo-element targets the popup picker of form control elements which have popup pickers, such as the select element. It is a part-like pseudo-element.",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-picker",
+      "value": "::picker( <ident>+ )"
     }
   ],
   "values": []

package/css-scoping.json

@@ -25,6 +25,11 @@
       "name": "::slotted()",
       "prose": "The ::slotted() pseudo-element represents the elements assigned, after flattening, to a slot. This pseudo-element only exists on slots.",
       "href": "https://drafts.csswg.org/css-scoping-1/#selectordef-slotted"
+    },
+    {
+      "name": ":has-slotted",
+      "prose": "The :has-slotted pseudo-class matches slot elements which have a non-empty list of slotted nodes.",
+      "href": "https://drafts.csswg.org/css-scoping-1/#selectordef-has-slotted"
     }
   ],
   "values": []

package/css-shapes.json

@@ -140,14 +140,14 @@
         },
         {
           "name": "polygon()",
-          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
+          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon",
           "type": "function",
           "value": "polygon( <'fill-rule'>? [ round <length> ]? , [<length-percentage> <length-percentage>]# )"
         },
         {
           "name": "path()",
-          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. The <string> represents an SVG Path data string. A path data string that does not conform to the to the grammar and parsing rules of SVG 1.1, or that does conform but defines an empty path, is invalid and causes the entire path() to be invalid. The initial position is defined by the first “move to” argument in the path string. For the initial direction follow SVG 1.1. The UA must close a path with an implicit closepath command (\"z\" or \"Z\") if it is not present in the string for properties that require a closed loop (such as shape-outside and clip-path).",
+          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted, unless the function is being used in a context such as SVG shapes where the fill-rule property is relevant. In that case an omitted value will use the computed value of the fill-rule property. The <string> represents an SVG Path data string. A path data string that does not conform to the to the grammar and parsing rules of SVG 1.1, or that does conform but defines an empty path, is invalid and causes the entire path() to be invalid. The initial position is defined by the first “move to” argument in the path string. For the initial direction follow SVG 1.1. The UA must close a path with an implicit closepath command (\"z\" or \"Z\") if it is not present in the string for properties that require a closed loop (such as shape-outside and clip-path).",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-path",
           "type": "function",
           "value": "path( <'fill-rule'>? , <string> )"

package/css-sizing-4.json

@@ -64,68 +64,6 @@
         "height"
       ]
     },
-    {
-      "name": "inline-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "inline-size",
-        "inlineSize"
-      ]
-    },
-    {
-      "name": "block-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "block-size",
-        "blockSize"
-      ]
-    },
     {
       "name": "min-width",
       "newValues": "stretch | fit-content | contain",
@@ -188,68 +126,6 @@
         "minHeight"
       ]
     },
-    {
-      "name": "min-inline-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "min-inline-size",
-        "minInlineSize"
-      ]
-    },
-    {
-      "name": "min-block-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "min-block-size",
-        "minBlockSize"
-      ]
-    },
     {
       "name": "max-width",
       "newValues": "stretch | fit-content | contain",
@@ -312,68 +188,6 @@
         "maxHeight"
       ]
     },
-    {
-      "name": "max-inline-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "max-inline-size",
-        "maxInlineSize"
-      ]
-    },
-    {
-      "name": "max-block-size",
-      "newValues": "stretch | fit-content | contain",
-      "values": [
-        {
-          "name": "stretch",
-          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
-          "type": "value",
-          "value": "stretch"
-        },
-        {
-          "name": "fit-content",
-          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
-          "type": "value",
-          "value": "fit-content"
-        },
-        {
-          "name": "contain",
-          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
-          "type": "value",
-          "value": "contain"
-        }
-      ],
-      "styleDeclaration": [
-        "max-block-size",
-        "maxBlockSize"
-      ]
-    },
     {
       "name": "aspect-ratio",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio",
@@ -619,5 +433,169 @@
   ],
   "atrules": [],
   "selectors": [],
-  "values": []
+  "values": [],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "min-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "min-block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "max-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch",
+      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
+      "type": "value",
+      "value": "stretch",
+      "for": "max-block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "min-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "min-block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "max-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit-content",
+      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
+      "type": "value",
+      "value": "fit-content",
+      "for": "max-block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "min-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "min-block-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "max-inline-size"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
+      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "max-block-size"
+    }
+  ]
 }