@webref/css 6.4.1 → 6.4.2

package/css-backgrounds-4.json

@@ -29,6 +29,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-x",
         "backgroundPositionX"
@@ -44,6 +45,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-y",
         "backgroundPositionY"
@@ -59,6 +61,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-inline",
         "backgroundPositionInline"
@@ -74,6 +77,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-block",
         "backgroundPositionBlock"
@@ -104,6 +108,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-top-color",
         "borderTopColor"
@@ -119,6 +124,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-right-color",
         "borderRightColor"
@@ -134,6 +140,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-bottom-color",
         "borderBottomColor"
@@ -149,6 +156,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-left-color",
         "borderLeftColor"

package/css-backgrounds.json

@@ -324,6 +324,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-top-color",
         "borderTopColor"
@@ -339,6 +340,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-right-color",
         "borderRightColor"
@@ -354,6 +356,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-bottom-color",
         "borderBottomColor"
@@ -369,6 +372,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-left-color",
         "borderLeftColor"
@@ -383,7 +387,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-color",
         "borderColor"
@@ -399,6 +403,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-top-style",
         "borderTopStyle"
@@ -414,6 +419,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-right-style",
         "borderRightStyle"
@@ -429,6 +435,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-bottom-style",
         "borderBottomStyle"
@@ -444,6 +451,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-left-style",
         "borderLeftStyle"
@@ -471,9 +479,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-top-width",
         "borderTopWidth"
@@ -486,9 +495,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-right-width",
         "borderRightWidth"
@@ -501,9 +511,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-bottom-width",
         "borderBottomWidth"
@@ -516,9 +527,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-left-width",
         "borderLeftWidth"
@@ -533,7 +545,7 @@
       "percentages": "see individual properties",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-width",
         "borderWidth"
@@ -548,7 +560,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-top",
         "borderTop"
@@ -563,7 +575,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-right",
         "borderRight"
@@ -578,7 +590,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-bottom",
         "borderBottom"
@@ -593,7 +605,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-left",
         "borderLeft"
@@ -608,7 +620,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border"
       ]
@@ -622,7 +634,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-top-left-radius",
         "borderTopLeftRadius"
@@ -637,7 +650,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-top-right-radius",
         "borderTopRightRadius"
@@ -652,7 +666,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-bottom-right-radius",
         "borderBottomRightRadius"
@@ -667,7 +682,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-bottom-left-radius",
         "borderBottomLeftRadius"
@@ -682,7 +698,7 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-radius",
         "borderRadius"
@@ -838,7 +854,7 @@
       "percentages": "N/A",
       "computedValue": "See individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "See individual properties",
+      "animationType": "See individual properties",
       "styleDeclaration": [
         "border-image",
         "borderImage"

package/css-box.json

@@ -14,6 +14,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-top",
         "marginTop"
@@ -29,6 +30,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-right",
         "marginRight"
@@ -44,6 +46,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-bottom",
         "marginBottom"
@@ -59,6 +62,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-left",
         "marginLeft"
@@ -147,6 +151,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-top",
         "paddingTop"
@@ -162,6 +167,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-right",
         "paddingRight"
@@ -177,6 +183,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-bottom",
         "paddingBottom"
@@ -192,6 +199,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-left",
         "paddingLeft"

package/css-cascade-6.json

@@ -7,7 +7,7 @@
   "atrules": [
     {
       "name": "@scope",
-      "prose": "The @scope block at-rule allows authors to scope style rules in CSS, with the application of weak scoping proximity between the scoping root and the subject of each style rule.",
+      "prose": "Scoped styles are described in CSS using the @scope block at-rule, which declares a scoping root and optional scoping limits associated with a set of style rules.",
       "descriptors": [],
       "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <stylesheet> }"
     }
@@ -16,13 +16,13 @@
   "values": [
     {
       "name": "<scope-start>",
-      "type": "type",
-      "value": "<forgiving-selector-list>"
+      "prose": "<scope-start> is a <forgiving-selector-list> selector used to identify the scoping root(s).",
+      "type": "type"
     },
     {
       "name": "<scope-end>",
-      "type": "type",
-      "value": "<forgiving-selector-list>"
+      "prose": "<scope-end> is a <forgiving-selector-list> selector used to identify any scoping limits.",
+      "type": "type"
     }
   ]
 }

package/css-color-5.json

@@ -81,80 +81,23 @@
       "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"
     },
     {
-      "name": "rgb()",
-      "type": "function",
-      "value": "rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )",
-      "values": [
-        {
-          "name": "r",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "r"
-        },
-        {
-          "name": "g",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "g"
-        },
-        {
-          "name": "b",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "b"
-        },
-        {
-          "name": "alpha",
-          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
-          "type": "value",
-          "value": "alpha"
-        }
-      ]
+      "name": "<modern-rgb-syntax>",
+      "type": "type",
+      "value": "rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "rgba()",
-      "type": "function",
+      "name": "<modern-rgba-syntax>",
+      "type": "type",
       "value": "rgba( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "<alpha-value>",
+      "name": "<modern-hsl-syntax>",
       "type": "type",
-      "value": "<number> | <percentage>"
+      "value": "hsl([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "hsl()",
-      "type": "function",
-      "value": "hsl([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
-      "values": [
-        {
-          "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after conversion, if required to sRGB, normalized to a [0, 360] range",
-          "type": "value",
-          "value": "h"
-        },
-        {
-          "name": "s",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
-          "type": "value",
-          "value": "s"
-        },
-        {
-          "name": "l",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
-          "type": "value",
-          "value": "l"
-        },
-        {
-          "name": "alpha",
-          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
-          "type": "value",
-          "value": "alpha"
-        }
-      ]
-    },
-    {
-      "name": "hsla()",
-      "type": "function",
+      "name": "<modern-hsla-syntax>",
+      "type": "type",
       "value": "hsla([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
@@ -425,5 +368,71 @@
       "type": "type",
       "value": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
     }
+  ],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "r",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "r",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "g",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "g",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "b",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "b",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "alpha",
+      "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
+      "type": "value",
+      "value": "alpha",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "h",
+      "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after conversion, if required to sRGB, normalized to a [0, 360] range",
+      "type": "value",
+      "value": "h",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "s",
+      "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
+      "type": "value",
+      "value": "s",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "l",
+      "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
+      "type": "value",
+      "value": "l",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "alpha",
+      "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
+      "type": "value",
+      "value": "alpha",
+      "for": "hsl()"
+    }
   ]
 }

package/css-conditional-5.json

@@ -45,12 +45,5 @@
       "type": "function",
       "value": "supports( <declaration> )"
     }
-  ],
-  "warnings": [
-    {
-      "msg": "Missing definition",
-      "name": "<font-format",
-      "value": "[ collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
-    }
   ]
 }

package/css-display.json

@@ -13,7 +13,7 @@
       "percentages": "n/a",
       "computedValue": "a pair of keywords representing the inner and outer display types plus optional list-item flag, or a <display-internal> or <display-box> keyword; see prose in a variety of specs for computation rules",
       "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
+      "animationType": "see § 2.9 Animating and Interpolating display",
       "values": [
         {
           "name": "list-item",

package/css-fonts-5.json

@@ -161,7 +161,7 @@
     {
       "name": "<font-tech>",
       "type": "type",
-      "value": "[<font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
+      "value": "[<font-features-tech> | <color-font-tech> | variations | palettes | incremental-patch | incremental-range | incremental-auto ]"
     },
     {
       "name": "<font-features-tech>",

package/css-fonts.json

@@ -1307,7 +1307,7 @@
     {
       "name": "<font-tech>",
       "type": "type",
-      "value": "[<font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
+      "value": "[<font-features-tech> | <color-font-tech> | variations | palettes | incremental-patch | incremental-range | incremental-auto ]"
     },
     {
       "name": "<font-features-tech>",

package/css-grid.json

@@ -39,16 +39,16 @@
           "value": "subgrid"
         },
         {
-          "name": "<length-percentage>",
+          "name": "<length-percentage [0,∞]>",
           "prose": "A non-negative length or percentage, as defined by CSS3 Values. [CSS-VALUES-3] <percentage> values are relative to the inner inline size of the grid container in column grid tracks, and the inner block size of the grid container in row grid tracks. If the size of the grid container depends on the size of its tracks, then the <percentage> must be treated as auto, for the purpose of calculating the intrinsic sizes of the grid container and then resolve against that resulting grid container size for the purpose of laying out the grid and its items.",
           "type": "value",
-          "value": "<length-percentage>"
+          "value": "<length-percentage [0,∞]>"
         },
         {
-          "name": "<flex>",
+          "name": "<flex [0,∞]>",
           "prose": "A non-negative dimension with the unit fr specifying the track’s flex factor. Each <flex>-sized track takes a share of the remaining space in proportion to its flex factor. For example, given a track listing of 1fr 2fr, the tracks will take up ⅓ and ⅔ of the leftover space, respectively. See § 7.2.4 Flexible Lengths: the fr unit for more details. When appearing outside a minmax() notation, implies an automatic minimum (i.e. ''minmax(auto, <flex>)'').",
           "type": "value",
-          "value": "<flex>"
+          "value": "<flex [0,∞]>"
         },
         {
           "name": "minmax()",
@@ -119,16 +119,16 @@
           "value": "subgrid"
         },
         {
-          "name": "<length-percentage>",
+          "name": "<length-percentage [0,∞]>",
           "prose": "A non-negative length or percentage, as defined by CSS3 Values. [CSS-VALUES-3] <percentage> values are relative to the inner inline size of the grid container in column grid tracks, and the inner block size of the grid container in row grid tracks. If the size of the grid container depends on the size of its tracks, then the <percentage> must be treated as auto, for the purpose of calculating the intrinsic sizes of the grid container and then resolve against that resulting grid container size for the purpose of laying out the grid and its items.",
           "type": "value",
-          "value": "<length-percentage>"
+          "value": "<length-percentage [0,∞]>"
         },
         {
-          "name": "<flex>",
+          "name": "<flex [0,∞]>",
           "prose": "A non-negative dimension with the unit fr specifying the track’s flex factor. Each <flex>-sized track takes a share of the remaining space in proportion to its flex factor. For example, given a track listing of 1fr 2fr, the tracks will take up ⅓ and ⅔ of the leftover space, respectively. See § 7.2.4 Flexible Lengths: the fr unit for more details. When appearing outside a minmax() notation, implies an automatic minimum (i.e. ''minmax(auto, <flex>)'').",
           "type": "value",
-          "value": "<flex>"
+          "value": "<flex [0,∞]>"
         },
         {
           "name": "minmax()",
@@ -585,7 +585,7 @@
     {
       "name": "<track-size>",
       "type": "type",
-      "value": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )"
+      "value": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )"
     },
     {
       "name": "<fixed-size>",
@@ -595,17 +595,17 @@
     {
       "name": "<track-breadth>",
       "type": "type",
-      "value": "<length-percentage> | <flex> | min-content | max-content | auto"
+      "value": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto"
     },
     {
       "name": "<inflexible-breadth>",
       "type": "type",
-      "value": "<length-percentage> | min-content | max-content | auto"
+      "value": "<length-percentage [0,∞]> | min-content | max-content | auto"
     },
     {
       "name": "<fixed-breadth>",
       "type": "type",
-      "value": "<length-percentage>"
+      "value": "<length-percentage [0,∞]>"
     },
     {
       "name": "<line-names>",