📦 Release @webref/css@7.0.2-alpha

[github-actions]

⚠ NEVER add commits to this pull request.

🤖 This pull request was automatically created to facilitate human review of @webref/css changes triggered by curated data at 80893d1.

🧐 Please review the diff below and version numbers. If all looks good, merge this pull request to release the changes to npm.

📦 Latest released @webref/css package was v7.0.1-alpha. Merging this pull request will release v7.0.2-alpha. Make sure that the bump is the right one for the changes.

✍ If any change needs to be made before release, do not add a commit to this pull request. Changes should rather be handled in a separate pull request and pushed to the main branch. You may leave this pull request open in the meantime, or close it. The pre-release job will automatically update this pull request or create a new one once the updates have made their way to the main branch.

🛈 The actual change introduced by this pull request is a version bump in packages/css/package.json. You do not need to review that change. The bumped version is not the version that will be released when this pull request is merged, but rather the version that will be released next time.

IMPORTANT:
- Diff is too long to render in a PR description: 730019 characters
- First 60000 characters shown below
- Check the action log for the full diff

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css.json packages/css/css.json
--- webref/node_modules/@webref/css/css.json
+++ packages/css/css.json
@@ -9,31 +9,31 @@
       "name": "@bottom-center",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-center",
       "descriptors": [],
-      "value": "@bottom-center { <declaration-list> };"
+      "syntax": "@bottom-center { <declaration-list> };"
     },
     {
       "name": "@bottom-left",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left",
       "descriptors": [],
-      "value": "@bottom-left { <declaration-list> };"
+      "syntax": "@bottom-left { <declaration-list> };"
     },
     {
       "name": "@bottom-left-corner",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left-corner",
       "descriptors": [],
-      "value": "@bottom-left-corner { <declaration-list> };"
+      "syntax": "@bottom-left-corner { <declaration-list> };"
     },
     {
       "name": "@bottom-right",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right",
       "descriptors": [],
-      "value": "@bottom-right { <declaration-list> };"
+      "syntax": "@bottom-right { <declaration-list> };"
     },
     {
       "name": "@bottom-right-corner",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right-corner",
       "descriptors": [],
-      "value": "@bottom-right-corner { <declaration-list> };"
+      "syntax": "@bottom-right-corner { <declaration-list> };"
     },
     {
       "name": "@charset",
@@ -50,25 +50,25 @@
           "name": "components",
           "href": "https://drafts.csswg.org/css-color-5/#descdef-color-profile-components",
           "for": "@color-profile",
-          "value": "<ident>#",
-          "initial": "n/a"
+          "initial": "n/a",
+          "syntax": "<ident>#"
         },
         {
           "name": "rendering-intent",
           "href": "https://drafts.csswg.org/css-color-5/#descdef-color-profile-rendering-intent",
           "for": "@color-profile",
-          "value": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
-          "initial": "relative-colorimetric"
+          "initial": "relative-colorimetric",
+          "syntax": "relative-colorimetric | absolute-colorimetric | perceptual | saturation"
         },
         {
           "name": "src",
           "href": "https://drafts.csswg.org/css-color-5/#descdef-color-profile-src",
           "for": "@color-profile",
-          "value": "<url>",
-          "initial": "n/a"
+          "initial": "n/a",
+          "syntax": "<url>"
         }
       ],
-      "value": "@color-profile [<dashed-ident> | device-cmyk] {\n  [ src: [ <url> ]; ] ||\n  [ rendering-intent: [ relative-colorimetric | absolute-colorimetric | perceptual | saturation ]; ] ||\n  [ components: [ <ident># ]; ]\n}"
+      "syntax": "@color-profile [<dashed-ident> | device-cmyk] {\n  [ src: [ <url> ]; ] ||\n  [ rendering-intent: [ relative-colorimetric | absolute-colorimetric | perceptual | saturation ]; ] ||\n  [ components: [ <ident># ]; ]\n}"
     },
     {
       "name": "@container",
@@ -79,67 +79,67 @@
           "name": "aspect-ratio",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-aspect-ratio",
           "for": "@container",
-          "value": "<ratio>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<ratio>"
         },
         {
           "name": "block-size",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-block-size",
           "for": "@container",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "height",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-height",
           "for": "@container",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "inline-size",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-inline-size",
           "for": "@container",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "orientation",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-orientation",
           "for": "@container",
-          "value": "portrait | landscape",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "portrait | landscape"
         },
         {
           "name": "scrollable",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-scrollable",
           "for": "@container",
-          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline"
         },
         {
           "name": "snapped",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-snapped",
           "for": "@container",
-          "value": "none | x | y | block | inline | both",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | x | y | block | inline | both"
         },
         {
           "name": "stuck",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-stuck",
           "for": "@container",
-          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end"
         },
         {
           "name": "width",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-width",
           "for": "@container",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         }
       ],
-      "value": "@container <container-condition># { <block-contents> }"
+      "syntax": "@container <container-condition># { <block-contents> }"
     },
     {
       "name": "@counter-style",
@@ -150,93 +150,93 @@
           "name": "additive-symbols",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-additive-symbols",
           "for": "@counter-style",
-          "value": "[ <integer [0,∞]> && <symbol> ]#",
-          "initial": "n/a"
+          "initial": "n/a",
+          "syntax": "[ <integer [0,∞]> && <symbol> ]#"
         },
         {
           "name": "fallback",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-fallback",
           "for": "@counter-style",
-          "value": "<counter-style-name>",
-          "initial": "decimal"
+          "initial": "decimal",
+          "syntax": "<counter-style-name>"
         },
         {
           "name": "negative",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-negative",
           "for": "@counter-style",
-          "value": "<symbol> <symbol>?",
-          "initial": "\"-\""
+          "initial": "\"-\"",
+          "syntax": "<symbol> <symbol>?"
         },
         {
           "name": "pad",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-pad",
           "for": "@counter-style",
-          "value": "<integer [0,∞]> && <symbol>",
-          "initial": "0 \"\""
+          "initial": "0 \"\"",
+          "syntax": "<integer [0,∞]> && <symbol>"
         },
         {
           "name": "prefix",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-prefix",
           "for": "@counter-style",
-          "value": "<symbol>",
-          "initial": "\"\""
+          "initial": "\"\"",
+          "syntax": "<symbol>"
         },
         {
           "name": "range",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-range",
           "for": "@counter-style",
-          "value": "[ [ <integer> | infinite ]{2} ]# | auto",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "[ [ <integer> | infinite ]{2} ]# | auto"
         },
         {
           "name": "speak-as",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-speak-as",
           "for": "@counter-style",
-          "value": "auto | bullets | numbers | words | spell-out | <counter-style-name>",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>"
         },
         {
           "name": "suffix",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-suffix",
           "for": "@counter-style",
-          "value": "<symbol>",
-          "initial": "\". \""
+          "initial": "\". \"",
+          "syntax": "<symbol>"
         },
         {
           "name": "symbols",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-symbols",
           "for": "@counter-style",
-          "value": "<symbol>+",
-          "initial": "n/a"
+          "initial": "n/a",
+          "syntax": "<symbol>+"
         },
         {
           "name": "system",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#descdef-counter-style-system",
           "for": "@counter-style",
-          "value": "cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ extends <counter-style-name> ]",
-          "initial": "symbolic"
+          "initial": "symbolic",
+          "syntax": "cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ extends <counter-style-name> ]"
         }
       ],
-      "value": "@counter-style <counter-style-name> {\n  [ system: [ cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ extends <counter-style-name> ] ]; ] ||\n  [ negative: [ <symbol> <symbol>? ]; ] ||\n  [ prefix: [ <symbol> ]; ] ||\n  [ suffix: [ <symbol> ]; ] ||\n  [ range: [ [ [ <integer> | infinite ]{2} ]# | auto ]; ] ||\n  [ pad: [ <integer [0,∞]> && <symbol> ]; ] ||\n  [ fallback: [ <counter-style-name> ]; ] ||\n  [ symbols: [ <symbol>+ ]; ] ||\n  [ additive-symbols: [ [ <integer [0,∞]> && <symbol> ]# ]; ] ||\n  [ speak-as: [ auto | bullets | numbers | words | spell-out | <counter-style-name> ]; ]\n}"
+      "syntax": "@counter-style <counter-style-name> {\n  [ system: [ cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ extends <counter-style-name> ] ]; ] ||\n  [ negative: [ <symbol> <symbol>? ]; ] ||\n  [ prefix: [ <symbol> ]; ] ||\n  [ suffix: [ <symbol> ]; ] ||\n  [ range: [ [ [ <integer> | infinite ]{2} ]# | auto ]; ] ||\n  [ pad: [ <integer [0,∞]> && <symbol> ]; ] ||\n  [ fallback: [ <counter-style-name> ]; ] ||\n  [ symbols: [ <symbol>+ ]; ] ||\n  [ additive-symbols: [ [ <integer [0,∞]> && <symbol> ]# ]; ] ||\n  [ speak-as: [ auto | bullets | numbers | words | spell-out | <counter-style-name> ]; ]\n}"
     },
     {
       "name": "@custom-media",
       "href": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media",
       "descriptors": [],
-      "value": "@custom-media <extension-name> [ <media-query-list> | true | false ] ;"
+      "syntax": "@custom-media <extension-name> [ <media-query-list> | true | false ] ;"
     },
     {
       "name": "@custom-selector",
       "href": "https://drafts.csswg.org/css-extensions-1/#at-ruledef-custom-selector",
       "descriptors": [],
-      "value": "@custom-selector <custom-selector> <selector-list> ;"
+      "syntax": "@custom-selector <custom-selector> <selector-list> ;"
     },
     {
       "name": "@else",
       "prose": "The @else rule is a conditional group rule used to form conditional rule chains, which associate multiple conditional rules and guarantee that only the first one that matches will evaluate its condition as true. It is defined as:",
       "href": "https://drafts.csswg.org/css-conditional-5/#at-ruledef-else",
       "descriptors": [],
-      "value": "@else <boolean-condition>? { <rule-list> }"
+      "syntax": "@else <boolean-condition>? { <rule-list> }"
     },
     {
       "name": "@font-face",
@@ -246,165 +246,165 @@
           "name": "ascent-override",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-ascent-override",
           "for": "@font-face",
-          "value": "normal | <percentage [0,∞]>",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | <percentage [0,∞]>"
         },
         {
           "name": "ascent-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-ascent-override",
           "for": "@font-face",
-          "value": "[ normal | <percentage [0,∞]> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
         },
         {
           "name": "descent-override",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-descent-override",
           "for": "@font-face",
-          "value": "normal | <percentage [0,∞]>",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | <percentage [0,∞]>"
         },
         {
           "name": "descent-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-descent-override",
           "for": "@font-face",
-          "value": "[ normal | <percentage [0,∞]> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
         },
         {
           "name": "font-display",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-display",
           "for": "@font-face",
-          "value": "auto | block | swap | fallback | optional",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | block | swap | fallback | optional"
         },
         {
           "name": "font-family",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-family",
           "for": "@font-face",
-          "value": "<family-name>",
-          "initial": "N/A"
+          "initial": "N/A",
+          "syntax": "<family-name>"
         },
         {
           "name": "font-feature-settings",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-feature-settings",
           "for": "@font-face",
-          "value": "normal | <feature-tag-value>#",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | <feature-tag-value>#"
         },
         {
           "name": "font-language-override",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-language-override",
           "for": "@font-face",
-          "value": "normal | <string>",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | <string>"
         },
         {
           "name": "font-named-instance",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-named-instance",
           "for": "@font-face",
-          "value": "auto | <string>",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | <string>"
         },
         {
           "name": "font-size",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-font-size",
           "for": "@font-face",
-          "value": "auto | [<number>]{1,2}",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | [<number>]{1,2}"
         },
         {
           "name": "font-style",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-style",
           "for": "@font-face",
-          "value": "auto | normal | italic | left | right | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | normal | italic | left | right | oblique [ <angle [-90deg,90deg]>{1,2} ]?"
         },
         {
           "name": "font-variation-settings",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-variation-settings",
           "for": "@font-face",
-          "value": "normal | [ <string> <number>]#",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | [ <string> <number>]#"
         },
         {
           "name": "font-weight",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-weight",
           "for": "@font-face",
-          "value": "auto | <font-weight-absolute>{1,2}",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | <font-weight-absolute>{1,2}"
         },
         {
           "name": "font-width",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-width",
           "for": "@font-face",
-          "value": "auto | <'font-width'>{1,2}",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | <'font-width'>{1,2}"
         },
         {
           "name": "line-gap-override",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-line-gap-override",
           "for": "@font-face",
-          "value": "normal | <percentage [0,∞]>",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "normal | <percentage [0,∞]>"
         },
         {
           "name": "line-gap-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-line-gap-override",
           "for": "@font-face",
-          "value": "[ normal | <percentage [0,∞]> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
         },
         {
           "name": "size-adjust",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-size-adjust",
           "for": "@font-face",
-          "value": "<percentage [0,∞]>",
-          "initial": "100%"
+          "initial": "100%",
+          "syntax": "<percentage [0,∞]>"
         },
         {
           "name": "src",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-src",
           "for": "@font-face",
-          "value": "<font-src-list>",
-          "initial": "N/A"
+          "initial": "N/A",
+          "syntax": "<font-src-list>"
         },
         {
           "name": "subscript-position-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-subscript-position-override",
           "for": "@font-face",
-          "value": "[ normal | from-font | <percentage> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | from-font | <percentage> ]{1,2}"
         },
         {
           "name": "subscript-size-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-subscript-size-override",
           "for": "@font-face",
-          "value": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | from-font | <percentage [0,∞]> ]{1,2}"
         },
         {
           "name": "superscript-position-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-superscript-position-override",
           "for": "@font-face",
-          "value": "[ normal | from-font | <percentage> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | from-font | <percentage> ]{1,2}"
         },
         {
           "name": "superscript-size-override",
           "href": "https://drafts.csswg.org/css-fonts-5/#descdef-font-face-superscript-size-override",
           "for": "@font-face",
-          "value": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
-          "initial": "normal"
+          "initial": "normal",
+          "syntax": "[ normal | from-font | <percentage [0,∞]> ]{1,2}"
         },
         {
           "name": "unicode-range",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-unicode-range",
           "for": "@font-face",
-          "value": "<unicode-range-token>#",
-          "initial": "U+0-10FFFF"
+          "initial": "U+0-10FFFF",
+          "syntax": "<unicode-range-token>#"
         }
       ],
-      "value": "@font-face {\n  [ font-family: [ <family-name> ]; ] ||\n  [ src: [ <font-src-list> ]; ] ||\n  [ font-style: [ auto | normal | italic | left | right | oblique [ <angle [-90deg,90deg]>{1,2} ]? ]; ] ||\n  [ font-weight: [ auto | <font-weight-absolute>{1,2} ]; ] ||\n  [ font-width: [ auto | <'font-width'>{1,2} ]; ] ||\n  [ unicode-range: [ <unicode-range-token># ]; ] ||\n  [ font-feature-settings: [ normal | <feature-tag-value># ]; ] ||\n  [ font-variation-settings: [ normal | [ <string> <number>]# ]; ] ||\n  [ font-named-instance: [ auto | <string> ]; ] ||\n  [ font-display: [ auto | block | swap | fallback | optional ]; ] ||\n  [ font-language-override: [ normal | <string> ]; ] ||\n  [ ascent-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ descent-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ line-gap-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ font-size: [ auto | [<number>]{1,2} ]; ] ||\n  [ size-adjust: [ <percentage [0,∞]> ]; ] ||\n  [ ascent-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ descent-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ line-gap-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ superscript-position-override: [ [ normal | from-font | <percentage> ]{1,2} ]; ] ||\n  [ subscript-position-override: [ [ normal | from-font | <percentage> ]{1,2} ]; ] ||\n  [ superscript-size-override: [ [ normal | from-font | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ subscript-size-override: [ [ normal | from-font | <percentage [0,∞]> ]{1,2} ]; ]\n}"
+      "syntax": "@font-face {\n  [ font-family: [ <family-name> ]; ] ||\n  [ src: [ <font-src-list> ]; ] ||\n  [ font-style: [ auto | normal | italic | left | right | oblique [ <angle [-90deg,90deg]>{1,2} ]? ]; ] ||\n  [ font-weight: [ auto | <font-weight-absolute>{1,2} ]; ] ||\n  [ font-width: [ auto | <'font-width'>{1,2} ]; ] ||\n  [ unicode-range: [ <unicode-range-token># ]; ] ||\n  [ font-feature-settings: [ normal | <feature-tag-value># ]; ] ||\n  [ font-variation-settings: [ normal | [ <string> <number>]# ]; ] ||\n  [ font-named-instance: [ auto | <string> ]; ] ||\n  [ font-display: [ auto | block | swap | fallback | optional ]; ] ||\n  [ font-language-override: [ normal | <string> ]; ] ||\n  [ ascent-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ descent-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ line-gap-override: [ normal | <percentage [0,∞]> ]; ] ||\n  [ font-size: [ auto | [<number>]{1,2} ]; ] ||\n  [ size-adjust: [ <percentage [0,∞]> ]; ] ||\n  [ ascent-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ descent-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ line-gap-override: [ [ normal | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ superscript-position-override: [ [ normal | from-font | <percentage> ]{1,2} ]; ] ||\n  [ subscript-position-override: [ [ normal | from-font | <percentage> ]{1,2} ]; ] ||\n  [ superscript-size-override: [ [ normal | from-font | <percentage [0,∞]> ]{1,2} ]; ] ||\n  [ subscript-size-override: [ [ normal | from-font | <percentage [0,∞]> ]{1,2} ]; ]\n}"
     },
     {
       "name": "@font-feature-values",
@@ -415,59 +415,59 @@
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-annotation",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@annotation { <declaration-list> }"
+          "syntax": "@annotation { <declaration-list> }"
         },
         {
           "name": "@character-variant",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-character-variant",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@character-variant { <declaration-list> }"
+          "syntax": "@character-variant { <declaration-list> }"
         },
         {
           "name": "@historical-forms",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-historical-forms",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@historical-forms { <declaration-list> }"
+          "syntax": "@historical-forms { <declaration-list> }"
         },
         {
           "name": "@ornaments",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-ornaments",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@ornaments { <declaration-list> }"
+          "syntax": "@ornaments { <declaration-list> }"
         },
         {
           "name": "@styleset",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-styleset",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@styleset { <declaration-list> }"
+          "syntax": "@styleset { <declaration-list> }"
         },
         {
           "name": "@stylistic",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-stylistic",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@stylistic { <declaration-list> }"
+          "syntax": "@stylistic { <declaration-list> }"
         },
         {
           "name": "@swash",
           "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-swash",
           "type": "at-rule",
           "for": "@font-feature-values",
-          "value": "@swash { <declaration-list> }"
+          "syntax": "@swash { <declaration-list> }"
         },
         {
           "name": "font-display",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-feature-values-font-display",
           "for": "@font-feature-values",
-          "value": "auto | block | swap | fallback | optional",
-          "initial": "auto"
+          "initial": "auto",
+          "syntax": "auto | block | swap | fallback | optional"
         }
       ],
-      "value": "@font-feature-values <family-name># {\n  [ font-display: [ auto | block | swap | fallback | optional ]; ] ||\n  [ @stylistic { <declaration-list> } ] ||\n  [ @historical-forms { <declaration-list> } ] ||\n  [ @styleset { <declaration-list> } ] ||\n  [ @character-variant { <declaration-list> } ] ||\n  [ @swash { <declaration-list> } ] ||\n  [ @ornaments { <declaration-list> } ] ||\n  [ @annotation { <declaration-list> } ]\n}"
+      "syntax": "@font-feature-values <family-name># {\n  [ font-display: [ auto | block | swap | fallback | optional ]; ] ||\n  [ @stylistic { <declaration-list> } ] ||\n  [ @historical-forms { <declaration-list> } ] ||\n  [ @styleset { <declaration-list> } ] ||\n  [ @character-variant { <declaration-list> } ] ||\n  [ @swash { <declaration-list> } ] ||\n  [ @ornaments { <declaration-list> } ] ||\n  [ @annotation { <declaration-list> } ]\n}"
     },
     {
       "name": "@font-palette-values",
@@ -478,25 +478,25 @@
           "name": "base-palette",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-base-palette",
           "for": "@font-palette-values",
-          "value": "light | dark | <integer [0,∞]>",
-          "initial": "N/A"
+          "initial": "N/A",
+          "syntax": "light | dark | <integer [0,∞]>"
         },
         {
           "name": "font-family",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-font-family",
           "for": "@font-palette-values",
-          "value": "<family-name>#",
-          "initial": "N/A"
+          "initial": "N/A",
+          "syntax": "<family-name>#"
         },
         {
           "name": "override-colors",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-override-colors",
           "for": "@font-palette-values",
-          "value": "[ <integer [0,∞]> <color> ]#",
-          "initial": "N/A"
+          "initial": "N/A",
+          "syntax": "[ <integer [0,∞]> <color> ]#"
         }
       ],
-      "value": "@font-palette-values <dashed-ident> {\n  [ font-family: [ <family-name># ]; ] ||\n  [ base-palette: [ light | dark | <integer [0,∞]> ]; ] ||\n  [ override-colors: [ [ <integer [0,∞]> <color> ]# ]; ]\n}"
+      "syntax": "@font-palette-values <dashed-ident> {\n  [ font-family: [ <family-name># ]; ] ||\n  [ base-palette: [ light | dark | <integer [0,∞]> ]; ] ||\n  [ override-colors: [ [ <integer [0,∞]> <color> ]# ]; ]\n}"
     },
     {
       "name": "@function",
@@ -506,50 +506,50 @@
           "name": "result",
           "href": "https://drafts.csswg.org/css-mixins-1/#descdef-function-result",
           "for": "@function",
-          "value": "<declaration-value>?",
-          "initial": "n/a (see prose)"
+          "initial": "n/a (see prose)",
+          "syntax": "<declaration-value>?"
         }
       ],
-      "value": "@function <function-token> <function-parameter>#? ) [ returns <css-type> ]? {\n  [ result: [ <declaration-value>? ]; ]\n}"
+      "syntax": "@function <function-token> <function-parameter>#? ) [ returns <css-type> ]? {\n  [ result: [ <declaration-value>? ]; ]\n}"
     },
     {
       "name": "@import",
       "prose": "The @import rule allows users to import style rules from other style sheets. If an @import rule refers to a valid stylesheet, user agents must treat the contents of the stylesheet as if they were written in place of the @import rule, with two exceptions:",
       "href": "https://drafts.csswg.org/css-cascade-5/#at-ruledef-import",
       "descriptors": [],
-      "value": "@import [ <url> | <string> ] [ layer | layer(<layer-name>) ]? <import-conditions> ;"
+      "syntax": "@import [ <url> | <string> ] [ layer | layer(<layer-name>) ]? <import-conditions> ;"
     },
     {
       "name": "@keyframes",
       "prose": "Keyframes are specified using the @keyframes at-rule, defined as follows:",
       "href": "https://drafts.csswg.org/css-animations-1/#at-ruledef-keyframes",
       "descriptors": [],
-      "value": "@keyframes <keyframes-name> { <qualified-rule-list> }"
+      "syntax": "@keyframes <keyframes-name> { <qualified-rule-list> }"
     },
     {
       "name": "@layer",
       "prose": "The @layer rule declares a cascade layer, with the option to assign style rules.",
       "href": "https://drafts.csswg.org/css-cascade-5/#at-ruledef-layer",
       "descriptors": [],
-      "value": "@layer <layer-name>? { <rule-list> } | @layer <layer-name>#;"
+      "syntax": "@layer <layer-name>? { <rule-list> } | @layer <layer-name>#;"
     },
     {
       "name": "@left-bottom",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-bottom",
       "descriptors": [],
-      "value": "@left-bottom { <declaration-list> };"
+      "syntax": "@left-bottom { <declaration-list> };"
     },
     {
       "name": "@left-middle",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-middle",
       "descriptors": [],
-      "value": "@left-middle { <declaration-list> };"
+      "syntax": "@left-middle { <declaration-list> };"
     },
     {
       "name": "@left-top",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-top",
       "descriptors": [],
-      "value": "@left-top { <declaration-list> };"
+      "syntax": "@left-top { <declaration-list> };"
     },
     {
       "name": "@media",
@@ -560,291 +560,291 @@
           "name": "-webkit-device-pixel-ratio",
           "href": "https://compat.spec.whatwg.org/#descdef-media--webkit-device-pixel-ratio",
           "for": "@media",
-          "value": "<number>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<number>"
         },
         {
           "name": "-webkit-transform-3d",
           "href": "https://compat.spec.whatwg.org/#descdef-media--webkit-transform-3d",
           "for": "@media",
-          "value": "<mq-boolean>",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "<mq-boolean>"
         },
         {
           "name": "any-hover",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-hover",
           "for": "@media",
-          "value": "none | hover",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | hover"
         },
         {
           "name": "any-pointer",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-pointer",
           "for": "@media",
-          "value": "none | coarse | fine",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | coarse | fine"
         },
         {
           "name": "aspect-ratio",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-aspect-ratio",
           "for": "@media",
-          "value": "<ratio>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<ratio>"
         },
         {
           "name": "color",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color",
           "for": "@media",
-          "value": "<integer>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<integer>"
         },
         {
           "name": "color-gamut",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-gamut",
           "for": "@media",
-          "value": "srgb | p3 | rec2020",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "srgb | p3 | rec2020"
         },
         {
           "name": "color-index",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-index",
           "for": "@media",
-          "value": "<integer>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<integer>"
         },
         {
           "name": "device-aspect-ratio",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-aspect-ratio",
           "for": "@media",
-          "value": "<ratio>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<ratio>"
         },
         {
           "name": "device-height",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-height",
           "for": "@media",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "device-width",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-width",
           "for": "@media",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "display-mode",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode",
           "for": "@media",
-          "value": "fullscreen | standalone | minimal-ui | browser | picture-in-picture",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "fullscreen | standalone | minimal-ui | browser | picture-in-picture"
         },
         {
           "name": "dynamic-range",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-dynamic-range",
           "for": "@media",
-          "value": "standard | high",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "standard | high"
         },
         {
           "name": "environment-blending",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-environment-blending",
           "for": "@media",
-          "value": "opaque | additive | subtractive",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "opaque | additive | subtractive"
         },
         {
           "name": "forced-colors",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-forced-colors",
           "for": "@media",
-          "value": "none | active",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | active"
         },
         {
           "name": "grid",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-grid",
           "for": "@media",
-          "value": "<mq-boolean>",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "<mq-boolean>"
         },
         {
           "name": "height",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-height",
           "for": "@media",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         },
         {
           "name": "horizontal-viewport-segments",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-horizontal-viewport-segments",
           "for": "@media",
-          "value": "<integer>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<integer>"
         },
         {
           "name": "hover",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-hover",
           "for": "@media",
-          "value": "none | hover",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | hover"
         },
         {
           "name": "inverted-colors",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-inverted-colors",
           "for": "@media",
-          "value": "none | inverted",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | inverted"
         },
         {
           "name": "monochrome",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-monochrome",
           "for": "@media",
-          "value": "<integer>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<integer>"
         },
         {
           "name": "nav-controls",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-nav-controls",
           "for": "@media",
-          "value": "none | back",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | back"
         },
         {
           "name": "orientation",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-orientation",
           "for": "@media",
-          "value": "portrait | landscape",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "portrait | landscape"
         },
         {
           "name": "overflow-block",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-block",
           "for": "@media",
-          "value": "none | scroll | paged",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | scroll | paged"
         },
         {
           "name": "overflow-inline",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-inline",
           "for": "@media",
-          "value": "none | scroll",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | scroll"
         },
         {
           "name": "pointer",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-pointer",
           "for": "@media",
-          "value": "none | coarse | fine",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | coarse | fine"
         },
         {
           "name": "prefers-color-scheme",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-scheme",
           "for": "@media",
-          "value": "light | dark",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "light | dark"
         },
         {
           "name": "prefers-contrast",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-contrast",
           "for": "@media",
-          "value": "no-preference | less | more | custom",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "no-preference | less | more | custom"
         },
         {
           "name": "prefers-reduced-data",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-data",
           "for": "@media",
-          "value": "no-preference | reduce",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "no-preference | reduce"
         },
         {
           "name": "prefers-reduced-motion",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-motion",
           "for": "@media",
-          "value": "no-preference | reduce",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "no-preference | reduce"
         },
         {
           "name": "prefers-reduced-transparency",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-transparency",
           "for": "@media",
-          "value": "no-preference | reduce",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "no-preference | reduce"
         },
         {
           "name": "resolution",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-resolution",
           "for": "@media",
-          "value": "<resolution> | infinite",
-          "type": "range"
+          "type": "range",
+          "syntax": "<resolution> | infinite"
         },
         {
           "name": "scan",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scan",
           "for": "@media",
-          "value": "interlace | progressive",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "interlace | progressive"
         },
         {
           "name": "scripting",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scripting",
           "for": "@media",
-          "value": "none | initial-only | enabled",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | initial-only | enabled"
         },
         {
           "name": "shape",
           "href": "https://drafts.csswg.org/css-round-display-1/#descdef-media-shape",
           "for": "@media",
-          "value": "rect | round",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "rect | round"
         },
         {
           "name": "update",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-update",
           "for": "@media",
-          "value": "none | slow | fast",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "none | slow | fast"
         },
         {
           "name": "vertical-viewport-segments",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-vertical-viewport-segments",
           "for": "@media",
-          "value": "<integer>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<integer>"
         },
         {
           "name": "video-color-gamut",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-color-gamut",
           "for": "@media",
-          "value": "srgb | p3 | rec2020",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "srgb | p3 | rec2020"
         },
         {
           "name": "video-dynamic-range",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-dynamic-range",
           "for": "@media",
-          "value": "standard | high",
-          "type": "discrete"
+          "type": "discrete",
+          "syntax": "standard | high"
         },
         {
           "name": "width",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-width",
           "for": "@media",
-          "value": "<length>",
-          "type": "range"
+          "type": "range",
+          "syntax": "<length>"
         }
       ],
-      "value": "@media <media-query-list> { <rule-list> }"
+      "syntax": "@media <media-query-list> { <rule-list> }"
     },
     {
       "name": "@namespace",
       "prose": "The @namespace at-rule declares a namespace prefix and associates it with a given namespace name (a string). This namespace prefix can then be used in namespace-qualified names such as the CSS qualified names defined below.",
       "href": "https://drafts.csswg.org/css-namespaces-3/#at-ruledef-namespace",
       "descriptors": [],
-      "value": "@namespace <namespace-prefix>? [ <string> | <url> ] ;"
+      "syntax": "@namespace <namespace-prefix>? [ <string> | <url> ] ;"
     },
     {
       "name": "@page",
@@ -855,43 +855,43 @@
           "name": "bleed",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-bleed",
           "for": "@page",
-          "value": "auto | <length>",
           "initial": "auto",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "syntax": "auto | <length>"
         },
         {
           "name": "marks",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-marks",
           "for": "@page",
-          "value": "none | [ crop || cross ]",
           "initial": "none",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "syntax": "none | [ crop || cross ]"
         },
         {
           "name": "page-orientation",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-orientation",
           "for": "@page",
-          "value": "upright | rotate-left | rotate-right",
           "initial": "upright",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "syntax": "upright | rotate-left | rotate-right"
         },
         {
           "name": "size",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-size",
           "for": "@page",
-          "value": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
           "initial": "auto",
-          "computedValue": "specified value, with <length>s made absolute."
+          "computedValue": "specified value, with <length>s made absolute.",
+          "syntax": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
         }
       ],
-      "value": "@page <page-selector-list>? {\n  [ size: [ <length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ] ]; ] ||\n  [ page-orientation: [ upright | rotate-left | rotate-right ]; ] ||\n  [ marks: [ none | [ crop || cross ] ]; ] ||\n  [ bleed: [ auto | <length> ]; ]\n}"
+      "syntax": "@page <page-selector-list>? {\n  [ size: [ <length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ] ]; ] ||\n  [ page-orientation: [ upright | rotate-left | rotate-right ]; ] ||\n  [ marks: [ none | [ crop || cross ] ]; ] ||\n  [ bleed: [ auto | <length> ]; ]\n}"
     },
     {
       "name": "@position-try",
       "prose": "The @position-try rule defines a position option with a given name, specifying one or more sets of positioning properties that can be applied to a box via position-try-fallbacks,",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try",
       "descriptors": [],
-      "value": "@position-try <dashed-ident> { <declaration-list> }"
+      "syntax": "@position-try <dashed-ident> { <declaration-list> }"
     },
     {
       "name": "@property",
@@ -901,50 +901,50 @@
           "name": "inherits",
           "href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-inherits",
           "for": "@property",
-          "value": "true | false",
-          "initial": "n/a (see prose)"
+          "initial": "n/a (see prose)",
+          "syntax": "true | false"
         },
         {
           "name": "initial-value",
           "href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-initial-value",
           "for": "@property",
-          "value": "<declaration-value>?",
-          "initial": "the guaranteed-invalid value (but see prose)"
+          "initial": "the guaranteed-invalid value (but see prose)",
+          "syntax": "<declaration-value>?"
         },
         {
           "name": "syntax",
           "href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-syntax",
           "for": "@property",
-          "value": "<string>",
-          "initial": "n/a (see prose)"
+          "initial": "n/a (see prose)",
+          "syntax": "<string>"
         }
       ],
-      "value": "@property <custom-property-name> {\n  [ syntax: [ <string> ]; ] ||\n  [ inherits: [ true | false ]; ] ||\n  [ initial-value: [ <declaration-value>? ]; ]\n}"
+      "syntax": "@property <custom-property-name> {\n  [ syntax: [ <string> ]; ] ||\n  [ inherits: [ true | false ]; ] ||\n  [ initial-value: [ <declaration-value>? ]; ]\n}"
     },
     {
       "name": "@right-bottom",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-bottom",
       "descriptors": [],
-      "value": "@right-bottom { <declaration-list> };"
+      "syntax": "@right-bottom { <declaration-list> };"
     },
     {
       "name": "@right-middle",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-middle",
       "descriptors": [],
-      "value": "@right-middle { <declaration-list> };"
+      "syntax": "@right-middle { <declaration-list> };"
     },
     {
       "name": "@right-top",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-top",
       "descriptors": [],
-      "value": "@right-top { <declaration-list> };"
+      "syntax": "@right-top { <declaration-list> };"
     },
     {
       "name": "@scope",
       "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.",
       "href": "https://drafts.csswg.org/css-cascade-6/#at-ruledef-scope",
       "descriptors": [],
-      "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <block-contents> }"
+      "syntax": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <block-contents> }"
     },
     {
       "name": "@starting-style",
@@ -957,37 +957,37 @@
       "prose": "The @supports rule is a conditional group rule whose condition tests whether the user agent supports CSS property:value pairs. Authors can use it to write style sheets that use new features when available but degrade gracefully when those features are not supported. These queries are called CSS feature queries or (colloquially) supports queries.",
       "href": "https://drafts.csswg.org/css-conditional-3/#at-ruledef-supports",
       "descriptors": [],
-      "value": "@supports <supports-condition> { <rule-list> }"
+      "syntax": "@supports <supports-condition> { <rule-list> }"
     },
     {
       "name": "@top-center",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-center",
       "descriptors": [],
-      "value": "@top-center { <declaration-list> };"
+      "syntax": "@top-center { <declaration-list> };"
     },
     {
       "name": "@top-left",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left",
       "descriptors": [],
-      "value": "@top-left { <declaration-list> };"
+      "syntax": "@top-left { <declaration-list> };"
     },
     {
       "name": "@top-left-corner",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left-corner",
       "descriptors": [],
-      "value": "@top-left-corner { <declaration-list> };"
+      "syntax": "@top-left-corner { <declaration-list> };"
     },
     {
       "name": "@top-right",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right",
       "descriptors": [],
-      "value": "@top-right { <declaration-list> };"
+      "syntax": "@top-right { <declaration-list> };"
     },
     {
       "name": "@top-right-corner",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right-corner",
       "descriptors": [],
-      "value": "@top-right-corner { <declaration-list> };"
+      "syntax": "@top-right-corner { <declaration-list> };"
     },
     {
       "name": "@view-transition",
@@ -997,25 +997,25 @@
           "name": "navigation",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
           "for": "@view-transition",
-          "value": "auto | none",
-          "initial": "none"
+          "initial": "none",
+          "syntax": "auto | none"
         },
         {
           "name": "types",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
           "for": "@view-transition",
-          "value": "none | <custom-ident>+",
-          "initial": "none"
+          "initial": "none",
+          "syntax": "none | <custom-ident>+"
         }
       ],
-      "value": "@view-transition {\n  [ navigation: [ auto | none ]; ] ||\n  [ types: [ none | <custom-ident>+ ]; ]\n}"
+      "syntax": "@view-transition {\n  [ navigation: [ auto | none ]; ] ||\n  [ types: [ none | <custom-ident>+ ]; ]\n}"
     },
     {
       "name": "@when",
       "prose": "The @when at-rule is a conditional group rule that generalizes the individual conditional group rules such as @media and @supports. It is defined as:",
       "href": "https://drafts.csswg.org/css-conditional-5/#at-ruledef-when",
       "descriptors": [],
-      "value": "@when <boolean-condition> { <rule-list> }"
+      "syntax": "@when <boolean-condition> { <rule-list> }"
     }
   ],
   "functions": [
@@ -1027,198 +1027,208 @@
     },
     {
       "name": "abs()",
-      "value": "abs( <calc-sum> )",
       "href": "https://drafts.csswg.org/css-values-4/#funcdef-abs",
-      "type": "function"
+      "type": "function",
+      "syntax": "abs( <calc-sum> )"
     },
     {
       "name": "acos()",
-      "value": "acos( <calc-sum> )",
       "href": "https://drafts.csswg.org/css-values-4/#funcdef-acos",
-      "type": "function"
+      "type": "function",
+      "syntax": "acos( <calc-sum> )"
     },
     {
       "name": "anchor-size()",
       "prose": "An absolutely positioned box can use the anchor-size() function in its sizing properties to refer to the size of one or more anchor boxes. The anchor-size() function resolves to a <length>. It is only allowed in the accepted @position-try properties (and is otherwise invalid).",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size",
       "type": "function",
-      "value": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"
+      "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"
     },
     {
       "name": "anchor()",
       "prose": "An absolutely positioned box can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor boxes. The anchor() function resolves to a <length>. It is only allowed in the inset properties (and is otherwise invalid).",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor",
       "type": "function",
-      "value": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
+      "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
     },
     {
       "name": "asin()",
-      "value": "asin( <calc-sum> )",
       "href": "https://drafts.csswg.org/css-values-4/#funcdef-asin",
-      "type": "function"
+      "type": "function",
+      "syntax": "asin( <calc-sum> )"
     },
     {
       "name": "atan()",
-      "value": "atan( <calc-sum> )",
       "href": "https://drafts.csswg.org/css-values-4/#funcdef-atan",
-      "type": "function"
+      "type": "function",
+      "syntax": "atan( <calc-sum> )"
     },
     {
       "name": "atan2()",
-      "value": "atan2( <calc-sum>, <calc-sum> )",
       "href": "https://drafts.csswg.org/css-values-4/#funcdef-atan2",
-      "type": "function"
+      "type": "function",
+      "syntax": "atan2( <calc-sum>, <calc-sum> )"
     },
     {
       "name": "attr()",
       "prose": "The attr() function substitutes the value of an attribute on an element into a property, similar to how the var() function substitutes a custom property value into a function.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-attr",
       "type": "function",
-      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)"
+      "syntax": "attr( <attr-name> <attr-type>? , <declaration-value>?)"
     },
     {
-      "for": "filter",
+      "for": [
+        "filter"
+      ],
       "name": "blur()",
       "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-blur",
       "type": "function",
-      "value": "blur( <length>? )"
+      "syntax": "blur( <length>? )"
     },
     {
-      "for": "filter",
+      "for": [
+        "filter"
+      ],
       "name": "brightness()",
       "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-brightness",
       "type": "function",
-      "value": "brightness( [ <number> | <percentage> ]? )"
+      "syntax": "brightness( [ <number> | <percentage> ]? )"
     },
     {
       "name": "calc-interpolate()",
       "prose": "The calc-interpolate() interpolation notation represents an interpolated numeric or dimensional value. Like calc(), it is a math function, with the following syntax:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-interpolate",
       "type": "function",
-      "value": "calc-interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function>?, <input-position>{1,2} : <calc-sum> , [ <easing-function>? , <input-position>{1,2} : <calc-sum> ]# )"
+      "syntax": "calc-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ] , <input-position>{1,2} : <calc-sum> , [ <easing-function>? , <input-position>{1,2} : <calc-sum> ]# )"
     },
     {
       "name": "calc-mix()",
       "prose": "The calc-mix() mix notation represents a weighted average of numeric or dimensional value. Like calc(), it is a math function, with the following syntactic form:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-mix",
       "type": "function",
-      "value": "calc-mix( [ <calc-sum> <percentage [0,100]>? ]# )"
+      "syntax": "calc-mix( [ <calc-sum> <percentage [0,100]>? ]# )"
     },
     {
       "name": "calc-size()",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-size",
       "type": "funct