@webref/css 8.1.2 → 8.1.3

package/css.json

@@ -2299,8 +2299,8 @@
         "WebkitAlignContent",
         "webkitAlignContent"
       ],
-      "extended": [],
-      "syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
+      "syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
+      "extended": []
     },
     {
       "name": "-webkit-align-items",
@@ -2311,8 +2311,8 @@
         "WebkitAlignItems",
         "webkitAlignItems"
       ],
-      "extended": [],
-      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
+      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+      "extended": []
     },
     {
       "name": "-webkit-align-self",
@@ -2323,8 +2323,8 @@
         "WebkitAlignSelf",
         "webkitAlignSelf"
       ],
-      "extended": [],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+      "extended": []
     },
     {
       "name": "-webkit-animation",
@@ -2335,8 +2335,8 @@
         "WebkitAnimation",
         "webkitAnimation"
       ],
-      "extended": [],
-      "syntax": "<single-animation>#"
+      "syntax": "<single-animation>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-delay",
@@ -2347,8 +2347,8 @@
         "WebkitAnimationDelay",
         "webkitAnimationDelay"
       ],
-      "extended": [],
-      "syntax": "<time>#"
+      "syntax": "<time>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-direction",
@@ -2359,8 +2359,8 @@
         "WebkitAnimationDirection",
         "webkitAnimationDirection"
       ],
-      "extended": [],
-      "syntax": "<single-animation-direction>#"
+      "syntax": "<single-animation-direction>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-duration",
@@ -2371,8 +2371,8 @@
         "WebkitAnimationDuration",
         "webkitAnimationDuration"
       ],
-      "extended": [],
-      "syntax": "[ auto | <time [0s,∞]> ]#"
+      "syntax": "<time [0s,∞]>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-fill-mode",
@@ -2383,8 +2383,8 @@
         "WebkitAnimationFillMode",
         "webkitAnimationFillMode"
       ],
-      "extended": [],
-      "syntax": "<single-animation-fill-mode>#"
+      "syntax": "<single-animation-fill-mode>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-iteration-count",
@@ -2395,8 +2395,8 @@
         "WebkitAnimationIterationCount",
         "webkitAnimationIterationCount"
       ],
-      "extended": [],
-      "syntax": "<single-animation-iteration-count>#"
+      "syntax": "<single-animation-iteration-count>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-name",
@@ -2407,8 +2407,8 @@
         "WebkitAnimationName",
         "webkitAnimationName"
       ],
-      "extended": [],
-      "syntax": "[ none | <keyframes-name> ]#"
+      "syntax": "[ none | <keyframes-name> ]#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-play-state",
@@ -2419,8 +2419,8 @@
         "WebkitAnimationPlayState",
         "webkitAnimationPlayState"
       ],
-      "extended": [],
-      "syntax": "<single-animation-play-state>#"
+      "syntax": "<single-animation-play-state>#",
+      "extended": []
     },
     {
       "name": "-webkit-animation-timing-function",
@@ -2431,8 +2431,8 @@
         "WebkitAnimationTimingFunction",
         "webkitAnimationTimingFunction"
       ],
-      "extended": [],
-      "syntax": "<easing-function>#"
+      "syntax": "<easing-function>#",
+      "extended": []
     },
     {
       "name": "-webkit-appearance",
@@ -2455,8 +2455,8 @@
         "WebkitBackfaceVisibility",
         "webkitBackfaceVisibility"
       ],
-      "extended": [],
-      "syntax": "visible | hidden"
+      "syntax": "visible | hidden",
+      "extended": []
     },
     {
       "name": "-webkit-background-clip",
@@ -2467,8 +2467,8 @@
         "WebkitBackgroundClip",
         "webkitBackgroundClip"
       ],
-      "extended": [],
-      "syntax": "<bg-clip>#"
+      "syntax": "<visual-box>#",
+      "extended": []
     },
     {
       "name": "-webkit-background-origin",
@@ -2479,8 +2479,8 @@
         "WebkitBackgroundOrigin",
         "webkitBackgroundOrigin"
       ],
-      "extended": [],
-      "syntax": "<visual-box>#"
+      "syntax": "<visual-box>#",
+      "extended": []
     },
     {
       "name": "-webkit-background-size",
@@ -2491,8 +2491,8 @@
         "WebkitBackgroundSize",
         "webkitBackgroundSize"
       ],
-      "extended": [],
-      "syntax": "<bg-size>#"
+      "syntax": "<bg-size>#",
+      "extended": []
     },
     {
       "name": "-webkit-border-bottom-left-radius",
@@ -2503,8 +2503,8 @@
         "WebkitBorderBottomLeftRadius",
         "webkitBorderBottomLeftRadius"
       ],
-      "extended": [],
-      "syntax": "<border-radius>"
+      "syntax": "<border-radius>",
+      "extended": []
     },
     {
       "name": "-webkit-border-bottom-right-radius",
@@ -2515,8 +2515,8 @@
         "WebkitBorderBottomRightRadius",
         "webkitBorderBottomRightRadius"
       ],
-      "extended": [],
-      "syntax": "<border-radius>"
+      "syntax": "<border-radius>",
+      "extended": []
     },
     {
       "name": "-webkit-border-radius",
@@ -2527,8 +2527,8 @@
         "WebkitBorderRadius",
         "webkitBorderRadius"
       ],
-      "extended": [],
-      "syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
+      "syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+      "extended": []
     },
     {
       "name": "-webkit-border-top-left-radius",
@@ -2539,8 +2539,8 @@
         "WebkitBorderTopLeftRadius",
         "webkitBorderTopLeftRadius"
       ],
-      "extended": [],
-      "syntax": "<border-radius>"
+      "syntax": "<border-radius>",
+      "extended": []
     },
     {
       "name": "-webkit-border-top-right-radius",
@@ -2551,8 +2551,8 @@
         "WebkitBorderTopRightRadius",
         "webkitBorderTopRightRadius"
       ],
-      "extended": [],
-      "syntax": "<border-radius>"
+      "syntax": "<border-radius>",
+      "extended": []
     },
     {
       "name": "-webkit-box-align",
@@ -2613,8 +2613,8 @@
         "WebkitBoxShadow",
         "webkitBoxShadow"
       ],
-      "extended": [],
-      "syntax": "<spread-shadow>#"
+      "syntax": "<spread-shadow>#",
+      "extended": []
     },
     {
       "name": "-webkit-box-sizing",
@@ -2625,8 +2625,8 @@
         "WebkitBoxSizing",
         "webkitBoxSizing"
       ],
-      "extended": [],
-      "syntax": "content-box | border-box"
+      "syntax": "content-box | border-box",
+      "extended": []
     },
     {
       "name": "-webkit-filter",
@@ -2637,8 +2637,8 @@
         "WebkitFilter",
         "webkitFilter"
       ],
-      "extended": [],
-      "syntax": "none | <filter-value-list>"
+      "syntax": "none | <filter-value-list>",
+      "extended": []
     },
     {
       "name": "-webkit-flex",
@@ -2649,8 +2649,8 @@
         "WebkitFlex",
         "webkitFlex"
       ],
-      "extended": [],
-      "syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
+      "syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
+      "extended": []
     },
     {
       "name": "-webkit-flex-basis",
@@ -2661,8 +2661,8 @@
         "WebkitFlexBasis",
         "webkitFlexBasis"
       ],
-      "extended": [],
-      "syntax": "content | <'width'>"
+      "syntax": "content | <'width'>",
+      "extended": []
     },
     {
       "name": "-webkit-flex-direction",
@@ -2673,8 +2673,8 @@
         "WebkitFlexDirection",
         "webkitFlexDirection"
       ],
-      "extended": [],
-      "syntax": "row | row-reverse | column | column-reverse"
+      "syntax": "row | row-reverse | column | column-reverse",
+      "extended": []
     },
     {
       "name": "-webkit-flex-flow",
@@ -2685,8 +2685,8 @@
         "WebkitFlexFlow",
         "webkitFlexFlow"
       ],
-      "extended": [],
-      "syntax": "<'flex-direction'> || <'flex-wrap'>"
+      "syntax": "<'flex-direction'> || <'flex-wrap'>",
+      "extended": []
     },
     {
       "name": "-webkit-flex-grow",
@@ -2697,8 +2697,8 @@
         "WebkitFlexGrow",
         "webkitFlexGrow"
       ],
-      "extended": [],
-      "syntax": "<number [0,∞]>"
+      "syntax": "<number [0,∞]>",
+      "extended": []
     },
     {
       "name": "-webkit-flex-shrink",
@@ -2709,8 +2709,8 @@
         "WebkitFlexShrink",
         "webkitFlexShrink"
       ],
-      "extended": [],
-      "syntax": "<number [0,∞]>"
+      "syntax": "<number [0,∞]>",
+      "extended": []
     },
     {
       "name": "-webkit-flex-wrap",
@@ -2721,8 +2721,8 @@
         "WebkitFlexWrap",
         "webkitFlexWrap"
       ],
-      "extended": [],
-      "syntax": "nowrap | wrap | wrap-reverse"
+      "syntax": "nowrap | wrap | wrap-reverse",
+      "extended": []
     },
     {
       "name": "-webkit-justify-content",
@@ -2733,8 +2733,8 @@
         "WebkitJustifyContent",
         "webkitJustifyContent"
       ],
-      "extended": [],
-      "syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
+      "syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
+      "extended": []
     },
     {
       "name": "-webkit-line-clamp",
@@ -2763,8 +2763,8 @@
         "WebkitMask",
         "webkitMask"
       ],
-      "extended": [],
-      "syntax": "<mask-layer>#"
+      "syntax": "<mask-layer>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image",
@@ -2775,8 +2775,8 @@
         "WebkitMaskBoxImage",
         "webkitMaskBoxImage"
       ],
-      "extended": [],
-      "syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
+      "syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image-outset",
@@ -2787,8 +2787,8 @@
         "WebkitMaskBoxImageOutset",
         "webkitMaskBoxImageOutset"
       ],
-      "extended": [],
-      "syntax": "[ <length> | <number> ]{1,4}"
+      "syntax": "[ <length> | <number> ]{1,4}",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image-repeat",
@@ -2799,8 +2799,8 @@
         "WebkitMaskBoxImageRepeat",
         "webkitMaskBoxImageRepeat"
       ],
-      "extended": [],
-      "syntax": "[ stretch | repeat | round | space ]{1,2}"
+      "syntax": "[ stretch | repeat | round | space ]{1,2}",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image-slice",
@@ -2811,8 +2811,8 @@
         "WebkitMaskBoxImageSlice",
         "webkitMaskBoxImageSlice"
       ],
-      "extended": [],
-      "syntax": "[ <number> | <percentage> ]{1,4} fill?"
+      "syntax": "[ <number> | <percentage> ]{1,4} fill?",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image-source",
@@ -2823,8 +2823,8 @@
         "WebkitMaskBoxImageSource",
         "webkitMaskBoxImageSource"
       ],
-      "extended": [],
-      "syntax": "none | <image>"
+      "syntax": "none | <image>",
+      "extended": []
     },
     {
       "name": "-webkit-mask-box-image-width",
@@ -2835,8 +2835,8 @@
         "WebkitMaskBoxImageWidth",
         "webkitMaskBoxImageWidth"
       ],
-      "extended": [],
-      "syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
+      "syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
+      "extended": []
     },
     {
       "name": "-webkit-mask-clip",
@@ -2847,8 +2847,8 @@
         "WebkitMaskClip",
         "webkitMaskClip"
       ],
-      "extended": [],
-      "syntax": "[ <coord-box> | no-clip ]#"
+      "syntax": "[ <coord-box> | no-clip ]#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-composite",
@@ -2859,8 +2859,8 @@
         "WebkitMaskComposite",
         "webkitMaskComposite"
       ],
-      "extended": [],
-      "syntax": "<compositing-operator>#"
+      "syntax": "<compositing-operator>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-image",
@@ -2871,8 +2871,8 @@
         "WebkitMaskImage",
         "webkitMaskImage"
       ],
-      "extended": [],
-      "syntax": "<mask-reference>#"
+      "syntax": "<mask-reference>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-origin",
@@ -2883,8 +2883,8 @@
         "WebkitMaskOrigin",
         "webkitMaskOrigin"
       ],
-      "extended": [],
-      "syntax": "<coord-box>#"
+      "syntax": "<coord-box>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-position",
@@ -2895,8 +2895,8 @@
         "WebkitMaskPosition",
         "webkitMaskPosition"
       ],
-      "extended": [],
-      "syntax": "<position>#"
+      "syntax": "<position>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-repeat",
@@ -2907,8 +2907,8 @@
         "WebkitMaskRepeat",
         "webkitMaskRepeat"
       ],
-      "extended": [],
-      "syntax": "<repeat-style>#"
+      "syntax": "<repeat-style>#",
+      "extended": []
     },
     {
       "name": "-webkit-mask-size",
@@ -2919,8 +2919,8 @@
         "WebkitMaskSize",
         "webkitMaskSize"
       ],
-      "extended": [],
-      "syntax": "<bg-size>#"
+      "syntax": "<bg-size>#",
+      "extended": []
     },
     {
       "name": "-webkit-order",
@@ -2931,8 +2931,8 @@
         "WebkitOrder",
         "webkitOrder"
       ],
-      "extended": [],
-      "syntax": "<integer>"
+      "syntax": "<integer>",
+      "extended": []
     },
     {
       "name": "-webkit-perspective",
@@ -2943,8 +2943,8 @@
         "WebkitPerspective",
         "webkitPerspective"
       ],
-      "extended": [],
-      "syntax": "none | <length [0,∞]>"
+      "syntax": "none | <length [0,∞]>",
+      "extended": []
     },
     {
       "name": "-webkit-perspective-origin",
@@ -2955,8 +2955,8 @@
         "WebkitPerspectiveOrigin",
         "webkitPerspectiveOrigin"
       ],
-      "extended": [],
-      "syntax": "<position>"
+      "syntax": "<position>",
+      "extended": []
     },
     {
       "name": "-webkit-text-fill-color",
@@ -2986,8 +2986,8 @@
         "WebkitTextSizeAdjust",
         "webkitTextSizeAdjust"
       ],
-      "extended": [],
-      "syntax": "auto | none | <percentage [0,∞]>"
+      "syntax": "auto | none | <percentage [0,∞]>",
+      "extended": []
     },
     {
       "name": "-webkit-text-stroke",
@@ -3055,8 +3055,8 @@
         "WebkitTransform",
         "webkitTransform"
       ],
-      "extended": [],
-      "syntax": "none | <transform-list>"
+      "syntax": "none | <transform-list>",
+      "extended": []
     },
     {
       "name": "-webkit-transform-origin",
@@ -3067,8 +3067,8 @@
         "WebkitTransformOrigin",
         "webkitTransformOrigin"
       ],
-      "extended": [],
-      "syntax": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?"
+      "syntax": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?",
+      "extended": []
     },
     {
       "name": "-webkit-transform-style",
@@ -3079,8 +3079,8 @@
         "WebkitTransformStyle",
         "webkitTransformStyle"
       ],
-      "extended": [],
-      "syntax": "flat | preserve-3d"
+      "syntax": "flat | preserve-3d",
+      "extended": []
     },
     {
       "name": "-webkit-transition",
@@ -3091,8 +3091,8 @@
         "WebkitTransition",
         "webkitTransition"
       ],
-      "extended": [],
-      "syntax": "<single-transition>#"
+      "syntax": "<single-transition>#",
+      "extended": []
     },
     {
       "name": "-webkit-transition-delay",
@@ -3103,8 +3103,8 @@
         "WebkitTransitionDelay",
         "webkitTransitionDelay"
       ],
-      "extended": [],
-      "syntax": "<time>#"
+      "syntax": "<time>#",
+      "extended": []
     },
     {
       "name": "-webkit-transition-duration",
@@ -3115,8 +3115,8 @@
         "WebkitTransitionDuration",
         "webkitTransitionDuration"
       ],
-      "extended": [],
-      "syntax": "<time [0s,∞]>#"
+      "syntax": "<time [0s,∞]>#",
+      "extended": []
     },
     {
       "name": "-webkit-transition-property",
@@ -3127,8 +3127,8 @@
         "WebkitTransitionProperty",
         "webkitTransitionProperty"
       ],
-      "extended": [],
-      "syntax": "none | <single-transition-property>#"
+      "syntax": "none | <single-transition-property>#",
+      "extended": []
     },
     {
       "name": "-webkit-transition-timing-function",
@@ -3139,8 +3139,8 @@
         "WebkitTransitionTimingFunction",
         "webkitTransitionTimingFunction"
       ],
-      "extended": [],
-      "syntax": "<easing-function>#"
+      "syntax": "<easing-function>#",
+      "extended": []
     },
     {
       "name": "-webkit-user-select",
@@ -3150,6 +3150,7 @@
         "WebkitUserSelect",
         "webkitUserSelect"
       ],
+      "syntax": "auto | text | none | contain | all",
       "extended": []
     },
     {
@@ -6168,7 +6169,7 @@
       "name": "column-rule-break",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break",
       "initial": "spanning-item",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -6185,7 +6186,7 @@
       "name": "column-rule-color",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-color",
       "initial": "currentcolor",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -6199,27 +6200,163 @@
       "extended": []
     },
     {
-      "name": "column-rule-outset",
-      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-outset",
-      "initial": "50%",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "name": "column-rule-edge-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "column-rule-edge-inset",
+        "columnRuleEdgeInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "column-rule-edge-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset-end",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "refer to the crossing gap width",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
       "styleDeclaration": [
-        "column-rule-outset",
-        "columnRuleOutset"
+        "column-rule-edge-inset-end",
+        "columnRuleEdgeInsetEnd"
       ],
-      "syntax": "<length-percentage>",
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "column-rule-edge-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset-start",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "column-rule-edge-inset-start",
+        "columnRuleEdgeInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "column-rule-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "column-rule-inset",
+        "columnRuleInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "column-rule-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-end",
+      "initial": "see individual properties",
+      "appliesTo": "column-rule-edge-inset-end and column-rule-interior-inset-end for column-rule-inset-end, row-rule-edge-inset-end and row-rule-interior-inset-end for row-rule-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "column-rule-inset-end",
+        "columnRuleInsetEnd"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "column-rule-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-start",
+      "initial": "see individual properties",
+      "appliesTo": "column-rule-edge-inset-start and column-rule-interior-inset-start for column-rule-inset-start, row-rule-edge-inset-start and row-rule-interior-inset-start for row-rule-inset-start",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "column-rule-inset-start",
+        "columnRuleInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "column-rule-interior-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "column-rule-interior-inset",
+        "columnRuleInteriorInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "column-rule-interior-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-end",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "column-rule-interior-inset-end",
+        "columnRuleInteriorInsetEnd"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "column-rule-interior-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-start",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "column-rule-interior-inset-start",
+        "columnRuleInteriorInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
       "extended": []
     },
     {
       "name": "column-rule-style",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-style",
       "initial": "none",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -6236,7 +6373,7 @@
       "name": "column-rule-width",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-width",
       "initial": "medium",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width",
@@ -7189,6 +7326,7 @@
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "see individual properties",
+      "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "cue"
@@ -7205,6 +7343,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "cue-after",
         "cueAfter"
@@ -7221,6 +7360,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "cue-before",
         "cueBefore"
@@ -7321,9 +7461,10 @@
       "styleDeclaration": [
         "display"
       ],
-      "syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | grid-lanes | inline-grid-lanes | <display-outside> || [ <display-inside> | math ]",
+      "syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | grid-lanes | inline-grid-lanes | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | <display-outside> || [ <display-inside> | math ]",
       "extended": [
         "https://drafts.csswg.org/css-grid-3/",
+        "https://drafts.csswg.org/css-ruby-1/",
         "https://w3c.github.io/mathml-core/"
       ]
     },
@@ -8058,8 +8199,8 @@
         "font-stretch",
         "fontStretch"
       ],
-      "extended": [],
-      "syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
+      "syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+      "extended": []
     },
     {
       "name": "font-style",
@@ -8070,7 +8211,7 @@
       "percentages": "n/a",
       "computedValue": "the keyword specified, plus angle in degrees if specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type;normal animates as oblique 0deg",
+      "animationType": "by computed value type; normal animates as oblique 0deg",
       "styleDeclaration": [
         "font-style",
         "fontStyle"
@@ -8562,8 +8703,8 @@
         "grid-column-gap",
         "gridColumnGap"
       ],
-      "extended": [],
-      "syntax": "normal | <length-percentage [0,∞]>"
+      "syntax": "normal | <length-percentage [0,∞]>",
+      "extended": []
     },
     {
       "name": "grid-column-start",
@@ -8590,8 +8731,8 @@
         "grid-gap",
         "gridGap"
       ],
-      "extended": [],
-      "syntax": "<'row-gap'> <'column-gap'>?"
+      "syntax": "<'row-gap'> <'column-gap'>?",
+      "extended": []
     },
     {
       "name": "grid-row",
@@ -8635,8 +8776,8 @@
         "grid-row-gap",
         "gridRowGap"
       ],
-      "extended": [],
-      "syntax": "normal | <length-percentage [0,∞]>"
+      "syntax": "normal | <length-percentage [0,∞]>",
+      "extended": []
     },
     {
       "name": "grid-row-start",
@@ -10683,9 +10824,9 @@
       "appliesTo": "replaced elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "specified keyword, or computed function",
+      "computedValue": "specified keyword, or computed <basic-shape> function",
       "canonicalOrder": "per grammar",
-      "animationType": "as if possible, otherwise discrete",
+      "animationType": "as <basic-shape> if possible, otherwise discrete",
       "styleDeclaration": [
         "object-view-box",
         "objectViewBox"
@@ -11577,6 +11718,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "styleDeclaration": [
         "page-break-after",
@@ -11594,6 +11736,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "styleDeclaration": [
         "page-break-before",
@@ -11611,6 +11754,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "styleDeclaration": [
         "page-break-inside",
@@ -11644,6 +11788,7 @@
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "see individual properties",
+      "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "pause"
@@ -11660,6 +11805,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "pause-after",
         "pauseAfter"
@@ -11676,6 +11822,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "pause-before",
         "pauseBefore"
@@ -11856,7 +12003,7 @@
     {
       "name": "position-anchor",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
-      "initial": "auto",
+      "initial": "none",
       "appliesTo": "absolutely positioned boxes",
       "inherited": "no",
       "percentages": "n/a",
@@ -11867,7 +12014,7 @@
         "position-anchor",
         "positionAnchor"
       ],
-      "syntax": "auto | <anchor-name>",
+      "syntax": "none | auto | <anchor-name>",
       "extended": []
     },
     {
@@ -12079,6 +12226,7 @@
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "see individual properties",
+      "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "rest"
@@ -12095,6 +12243,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "rest-after",
         "restAfter"
@@ -12111,6 +12260,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "rest-before",
         "restBefore"
@@ -12191,7 +12341,7 @@
       "name": "row-rule-break",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break",
       "initial": "spanning-item",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -12208,7 +12358,7 @@
       "name": "row-rule-color",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-color",
       "initial": "currentcolor",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -12222,27 +12372,163 @@
       "extended": []
     },
     {
-      "name": "row-rule-outset",
-      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-outset",
-      "initial": "50%",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "name": "row-rule-edge-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "row-rule-edge-inset",
+        "rowRuleEdgeInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "row-rule-edge-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-end",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "refer to the crossing gap width",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
       "styleDeclaration": [
-        "row-rule-outset",
-        "rowRuleOutset"
+        "row-rule-edge-inset-end",
+        "rowRuleEdgeInsetEnd"
       ],
-      "syntax": "<length-percentage>",
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "row-rule-edge-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-start",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "row-rule-edge-inset-start",
+        "rowRuleEdgeInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "row-rule-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "row-rule-inset",
+        "rowRuleInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "row-rule-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-end",
+      "initial": "see individual properties",
+      "appliesTo": "column-rule-edge-inset-end and column-rule-interior-inset-end for column-rule-inset-end, row-rule-edge-inset-end and row-rule-interior-inset-end for row-rule-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "row-rule-inset-end",
+        "rowRuleInsetEnd"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "row-rule-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-start",
+      "initial": "see individual properties",
+      "appliesTo": "column-rule-edge-inset-start and column-rule-interior-inset-start for column-rule-inset-start, row-rule-edge-inset-start and row-rule-interior-inset-start for row-rule-inset-start",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "row-rule-inset-start",
+        "rowRuleInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "row-rule-interior-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "row-rule-interior-inset",
+        "rowRuleInteriorInset"
+      ],
+      "syntax": "<length-percentage> [ <length-percentage> ]?",
+      "extended": []
+    },
+    {
+      "name": "row-rule-interior-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset-end",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "row-rule-interior-inset-end",
+        "rowRuleInteriorInsetEnd"
+      ],
+      "syntax": "auto | <length-percentage>",
+      "extended": []
+    },
+    {
+      "name": "row-rule-interior-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset-start",
+      "initial": "auto",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
+      "inherited": "no",
+      "percentages": "refer to the crossing gap width",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "row-rule-interior-inset-start",
+        "rowRuleInteriorInsetStart"
+      ],
+      "syntax": "auto | <length-percentage>",
       "extended": []
     },
     {
       "name": "row-rule-style",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-style",
       "initial": "none",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -12259,7 +12545,7 @@
       "name": "row-rule-width",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-width",
       "initial": "medium",
-      "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width",
@@ -12391,27 +12677,95 @@
       "extended": []
     },
     {
-      "name": "rule-outset",
-      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-outset",
+      "name": "rule-edge-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-edge-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-edge-inset and row-rule-edge-inset",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "rule-edge-inset",
+        "ruleEdgeInset"
+      ],
+      "syntax": "<'column-rule-edge-inset'>",
+      "extended": []
+    },
+    {
+      "name": "rule-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-inset and row-rule-inset",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "rule-inset",
+        "ruleInset"
+      ],
+      "syntax": "<'column-rule-inset'>",
+      "extended": []
+    },
+    {
+      "name": "rule-inset-end",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-end",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-inset-end and row-rule-inset-end",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "rule-inset-end",
+        "ruleInsetEnd"
+      ],
+      "syntax": "<'column-rule-inset-end'>",
+      "extended": []
+    },
+    {
+      "name": "rule-inset-start",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-start",
       "initial": "see individual properties",
-      "appliesTo": "Same as column-rule-outset and row-rule-outset",
+      "appliesTo": "Same as column-rule-inset-start and row-rule-inset-start",
       "inherited": "see individual properties",
       "percentages": "see individual properties",
       "computedValue": "see individual properties",
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "rule-outset",
-        "ruleOutset"
+        "rule-inset-start",
+        "ruleInsetStart"
       ],
-      "syntax": "<'column-rule-outset'>",
+      "syntax": "<'column-rule-inset-start'>",
+      "extended": []
+    },
+    {
+      "name": "rule-interior-inset",
+      "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-interior-inset",
+      "initial": "see individual properties",
+      "appliesTo": "Same as column-rule-interior-inset and row-rule-interior-inset",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "rule-interior-inset",
+        "ruleInteriorInset"
+      ],
+      "syntax": "<'column-rule-interior-inset'>",
       "extended": []
     },
     {
       "name": "rule-overlap",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-overlap",
       "initial": "row-over-column",
-      "appliesTo": "grid containers, flex containers, and masonry containers",
+      "appliesTo": "grid containers, flex containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -13313,6 +13667,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "speak"
       ],
@@ -13328,6 +13683,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "speak-as",
         "speakAs"
@@ -13342,6 +13698,7 @@
         "stop-color",
         "stopColor"
       ],
+      "syntax": "<'color'>",
       "extended": []
     },
     {
@@ -13351,6 +13708,7 @@
         "stop-opacity",
         "stopOpacity"
       ],
+      "syntax": "<'opacity'>",
       "extended": []
     },
     {
@@ -14866,6 +15224,23 @@
       "syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?",
       "extended": []
     },
+    {
+      "name": "trigger-scope",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-trigger-scope",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "trigger-scope",
+        "triggerScope"
+      ],
+      "syntax": "none | all | <dashed-ident>#",
+      "extended": []
+    },
     {
       "name": "unicode-bidi",
       "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-unicode-bidi",
@@ -15079,6 +15454,7 @@
       "percentages": "N/A",
       "computedValue": "the specified value resolved to a <number> between -100 and 100 (inclusive)",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-balance",
         "voiceBalance"
@@ -15095,6 +15471,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-duration",
         "voiceDuration"
@@ -15111,11 +15488,12 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "voice-family",
         "voiceFamily"
       ],
-      "syntax": "[[<family-name> | <generic-voice>],]* [<family-name> | <generic-voice>] | preserve",
+      "syntax": "[ <voice-family-name> | <generic-voice> ]# | preserve",
       "extended": []
     },
     {
@@ -15127,11 +15505,12 @@
       "percentages": "refer to inherited value",
       "computedValue": "one of the predefined pitch keywords if only the keyword is specified by itself, otherwise an absolute frequency calculated by converting the keyword value (if any) to a fixed frequency based on the current voice-family and by applying the specified relative offset (if any)",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-pitch",
         "voicePitch"
       ],
-      "syntax": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency [0Hz,∞]> | <semitones> | <percentage> ] ]",
       "extended": []
     },
     {
@@ -15143,11 +15522,12 @@
       "percentages": "refer to inherited value",
       "computedValue": "one of the predefined pitch keywords if only the keyword is specified by itself, otherwise an absolute frequency calculated by converting the keyword value (if any) to a fixed frequency based on the current voice-family and by applying the specified relative offset (if any)",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-range",
         "voiceRange"
       ],
-      "syntax": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency [0Hz,∞]> | <semitones> | <percentage> ] ]",
       "extended": []
     },
     {
@@ -15159,11 +15539,12 @@
       "percentages": "refer to default value",
       "computedValue": "a keyword value, and optionally also a percentage relative to the keyword (if not 100%)",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-rate",
         "voiceRate"
       ],
-      "syntax": "[normal | x-slow | slow | medium | fast | x-fast] || <percentage [0,∞]>",
+      "syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
       "extended": []
     },
     {
@@ -15175,6 +15556,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "voice-stress",
         "voiceStress"
@@ -15191,11 +15573,12 @@
       "percentages": "N/A",
       "computedValue": "silent, or a keyword value and optionally also a decibel offset (if not zero)",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "voice-volume",
         "voiceVolume"
       ],
-      "syntax": "silent | [[x-soft | soft | medium | loud | x-loud] || <decibel>]",
+      "syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]",
       "extended": []
     },
     {
@@ -15513,6 +15896,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "z-index",
@@ -16637,6 +17021,7 @@
     {
       "name": "absolute-size",
       "href": "https://drafts.csswg.org/css2/#value-def-absolute-size",
+      "syntax": "xx-small | x-small | small | medium | large | x-large | xx-large",
       "extended": []
     },
     {
@@ -16912,6 +17297,7 @@
       "name": "basic-shape",
       "prose": "The <basic-shape> type can be specified using basic shape functions. When using this syntax to define shapes, the reference box is defined by each property that uses <basic-shape> values. The coordinate system for the shape has its origin on the top-left corner of the reference box with the x-axis running to the right and the y-axis running downwards. All the lengths expressed in percentages are resolved from the used dimensions of the reference box.",
       "href": "https://drafts.csswg.org/css-shapes-1/#typedef-basic-shape",
+      "syntax": "<basic-shape-rect> | <circle()> | <ellipse()> | <polygon()> | <path()> | <shape()>",
       "extended": []
     },
     {
@@ -17364,6 +17750,7 @@
       "name": "counter-name",
       "prose": "Counters are referred to in CSS syntax using the <counter-name> type, which represents their name as a <custom-ident>. A <counter-name> name cannot match the keyword none; such an identifier is invalid as a <counter-name>.",
       "href": "https://drafts.csswg.org/css-lists-3/#typedef-counter-name",
+      "syntax": "<custom-ident>",
       "extended": []
     },
     {
@@ -17376,6 +17763,7 @@
       "name": "counter-style-name",
       "prose": "<counter-style-name> is a <custom-ident> that is not an ASCII case-insensitive match for none. When used here, to define a counter style, it also cannot be any of the non-overridable counter-style names (in other uses that merely reference a counter style, such as the extend system, these are allowed). The <counter-style-name> is a tree-scoped name.",
       "href": "https://drafts.csswg.org/css-counter-styles-3/#typedef-counter-style-name",
+      "syntax": "<custom-ident>",
       "extended": []
     },
     {
@@ -17480,6 +17868,7 @@
     {
       "name": "dashndashdigit-ident",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-dashndashdigit-ident",
+      "syntax": "<ident-token>",
       "extended": []
     },
     {
@@ -17525,6 +17914,7 @@
       "name": "deprecated-color",
       "prose": "The deprecated system colors are represented as the <deprecated-color> sub-type, and are defined as:",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-deprecated-color",
+      "syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
       "extended": []
     },
     {
@@ -17630,6 +18020,21 @@
       "syntax": "<string> | <custom-ident>+",
       "extended": []
     },
+    {
+      "name": "feature-index",
+      "href": "https://drafts.csswg.org/css-fonts-4/#feature-index-value",
+      "syntax": "<integer [0,∞]>",
+      "extended": []
+    },
+    {
+      "for": [
+        "font-feature-settings"
+      ],
+      "name": "feature-tag-value",
+      "href": "https://drafts.csswg.org/css-fonts-4/#feature-tag-value",
+      "syntax": "<opentype-tag> [ <integer [0,∞]> | on | off ]?",
+      "extended": []
+    },
     {
       "name": "feature-value-name",
       "href": "https://drafts.csswg.org/css-fonts-4/#feature-value-name-value",
@@ -17639,7 +18044,7 @@
     {
       "name": "filter-function",
       "href": "https://drafts.csswg.org/filter-effects-1/#typedef-filter-function",
-      "syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+      "syntax": "blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | sepia() | saturate()",
       "extended": []
     },
     {
@@ -17678,6 +18083,14 @@
       "href": "https://drafts.csswg.org/css-grid-2/#typedef-flex",
       "extended": []
     },
+    {
+      "for": [
+        "@font-feature-values"
+      ],
+      "name": "font-feature-value-type",
+      "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-feature-values-font-feature-value-type",
+      "extended": []
+    },
     {
       "name": "font-features-tech",
       "href": "https://drafts.csswg.org/css-fonts-5/#font-features-tech-values",
@@ -17693,7 +18106,7 @@
     {
       "name": "font-src",
       "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-src",
-      "syntax": "<url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>)",
+      "syntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
       "extended": []
     },
     {
@@ -17717,7 +18130,7 @@
     {
       "name": "font-weight-absolute",
       "href": "https://drafts.csswg.org/css-fonts-4/#font-weight-absolute-values",
-      "syntax": "[normal | bold | <number [1,1000]>]",
+      "syntax": "[ normal | bold | <number [1,1000]> ]",
       "extended": []
     },
     {
@@ -17843,7 +18256,7 @@
     {
       "name": "generic-voice",
       "href": "https://drafts.csswg.org/css-speech-1/#typedef-generic-voice",
-      "syntax": "[<age>? <gender> <integer>?]",
+      "syntax": "<age>? <gender> <integer>?",
       "extended": []
     },
     {
@@ -18032,7 +18445,7 @@
     {
       "name": "init-descriptor-name",
       "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptor-name",
-      "syntax": "protocol | username | password | hostname | port pathname | search | hash | base-url",
+      "syntax": "protocol | hostname | port | pathname | search | hash | base-url",
       "extended": []
     },
     {
@@ -18061,6 +18474,7 @@
       "name": "integer",
       "prose": "Integer values are denoted by <integer>.",
       "href": "https://drafts.csswg.org/css-values-4/#integer-value",
+      "syntax": "<number-token>",
       "extended": []
     },
     {
@@ -18483,6 +18897,7 @@
     {
       "name": "n-dimension",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-n-dimension",
+      "syntax": "<dimension-token>",
       "extended": []
     },
     {
@@ -18495,6 +18910,7 @@
       "name": "named-color",
       "prose": "CSS defines a large set of named colors, so that common colors can be written and read more easily. A <named-color> is written as an <ident>, accepted anywhere a <color> is. As usual for CSS-defined <ident>s, all of these keywords are ASCII case-insensitive.",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-named-color",
+      "syntax": "aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | transparent",
       "extended": []
     },
     {
@@ -18590,16 +19006,19 @@
     {
       "name": "ndash-dimension",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-ndash-dimension",
+      "syntax": "<dimension-token>",
       "extended": []
     },
     {
       "name": "ndashdigit-dimension",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-ndashdigit-dimension",
+      "syntax": "<dimension-token>",
       "extended": []
     },
     {
       "name": "ndashdigit-ident",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-ndashdigit-ident",
+      "syntax": "<ident-token>",
       "extended": []
     },
     {
@@ -18670,6 +19089,7 @@
       "name": "outline-line-style",
       "prose": "<outline-line-style> accepts the same values as <line-style> (CSS Backgrounds 3 § 3.2 Line Patterns: the border-style properties) with the same meaning, except that hidden is not a legal outline style. In addition, the outline-style property accepts the value auto.",
       "href": "https://drafts.csswg.org/css-ui-4/#typedef-outline-line-style",
+      "syntax": "none | auto | dotted | dashed | solid | double | groove | ridge | inset | outset",
       "extended": []
     },
     {
@@ -18703,6 +19123,7 @@
       "name": "page-size",
       "prose": "A page size can be specified using one of the following media names. This is the equivalent of specifying size using length values. The definition of the media names comes from Media Standardized Names [PWGMSN].",
       "href": "https://drafts.csswg.org/css-page-3/#typedef-page-size-page-size",
+      "syntax": "A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger",
       "extended": []
     },
     {
@@ -18724,6 +19145,7 @@
       "name": "palette-identifier",
       "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal. <palette-identifier> is parsed as a <dashed-ident>.",
       "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-identifier",
+      "syntax": "<dashed-ident>",
       "extended": []
     },
     {
@@ -19017,6 +19439,7 @@
     {
       "name": "relative-size",
       "href": "https://drafts.csswg.org/css2/#value-def-relative-size",
+      "syntax": "larger | smaller",
       "extended": []
     },
     {
@@ -19097,18 +19520,21 @@
       "name": "scope-end",
       "prose": "<scope-end> is a <selector-list> selector used to identify any scoping limits.",
       "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-end",
+      "syntax": "<selector-list>",
       "extended": []
     },
     {
       "name": "scope-start",
       "prose": "<scope-start> is a <selector-list> selector used to identify the scoping root(s).",
       "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-start",
+      "syntax": "<selector-list>",
       "extended": []
     },
     {
       "name": "scroll-button-direction",
       "prose": "The four ::scroll-button() pseudo-elements are individually selected by the selector’s argument. A * arguments selects all four ::scroll-button()s; otherwise the selected pseudo-element is determined by the <scroll-button-direction> value:",
       "href": "https://drafts.csswg.org/css-overflow-5/#typedef-scroll-button-direction",
+      "syntax": "up | down | left | right | block-start | block-end | inline-start | inline-end | prev | next",
       "extended": []
     },
     {
@@ -19183,6 +19609,7 @@
       "name": "shape",
       "prose": "In CSS 2, the only valid <shape> value is: rect(<top>, <right>, <bottom>, <left>) where <top> and <bottom> specify offsets from the top border edge of the box, and <right>, and <left> specify offsets from the left border edge of the box. Authors should separate offset values with commas. User agents must support separation with commas, but may also support separation without commas (but not a combination), because a previous revision of this specification was ambiguous in this respect. <top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box). When coordinates are rounded to pixel coordinates, care should be taken that no pixels remain visible when <left> and <right> have the same value (or <top> and <bottom> have the same value), and conversely that no pixels within the element’s border box remain hidden when these values are auto.",
       "href": "https://drafts.csswg.org/css2/#value-def-shape",
+      "syntax": "rect(<top>, <right>, <bottom>, <left>)",
       "extended": []
     },
     {
@@ -19207,11 +19634,13 @@
     {
       "name": "signed-integer",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-signed-integer",
+      "syntax": "<number-token>",
       "extended": []
     },
     {
       "name": "signless-integer",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-signless-integer",
+      "syntax": "<number-token>",
       "extended": []
     },
     {
@@ -19539,6 +19968,7 @@
       "name": "system-color",
       "prose": "However, in forced colors mode, most colors on the page are forced into a restricted, user-chosen palette. The <system-color> keywords expose these user-chosen colors so that the rest of the page can integrate with this restricted palette.",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-system-color",
+      "syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText | <deprecated-color>",
       "extended": []
     },
     {
@@ -19632,6 +20062,7 @@
       "name": "transform-function",
       "prose": "The value of the transform property is a list of <transform-function>. The set of allowed transform functions is given below. Wherever <angle> is used in this specification, a <number> that is equal to zero is also allowed, which is treated the same as an angle of zero degrees. A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box. A percentage in a scale function is equivalent to a number, and serializes as a number in specified values. For example, scale3d(50%, 100%, 150%) serializes as scale3d(0.5, 1, 1.5).",
       "href": "https://drafts.csswg.org/css-transforms-2/#typedef-transform-function",
+      "syntax": "<scale()> | <scaleX()> | <scaleY()> | <scaleZ()> | <translate3d()> | <translate()> | <translateX()> | <translateY()> | <translateZ()> | <rotate3d()> <rotate()> | <rotateX()> | <rotateY()> | <rotateZ()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <matrix()> | <perspective()>",
       "extended": []
     },
     {
@@ -19733,6 +20164,15 @@
       "syntax": "content-box | padding-box | border-box",
       "extended": []
     },
+    {
+      "for": [
+        "voice-family"
+      ],
+      "name": "voice-family-name",
+      "prose": "Values are specific voice instances (e.g., Mike, comedian, mary, carlos2, \"valley girl\"). Like font-family names, voice names must either be given quoted as strings, or unquoted as a sequence of one or more CSS identifiers. If a sequence of identifiers is given as a voice name, the computed value is the name converted to a string by joining all the identifiers in the sequence by single spaces. Voice names that happen to be the same as the gender keywords (male, female and neutral) or that happen to match the CSS-wide keywords or preserve must be quoted to disambiguate with these keywords. The keyword default is reserved for future use and must also be quoted when used as voice names. It is recommended to quote voice names that contain white space, digits, or punctuation characters other than hyphens—​even if these voice names are valid in unquoted form—​in order to improve code clarity. For example: voice-family: \"john doe\", \"Henry the-8th\";",
+      "href": "https://drafts.csswg.org/css-speech-1/#typedef-voice-family-voice-family-name",
+      "extended": []
+    },
     {
       "name": "wcag2",
       "href": "https://drafts.csswg.org/css-color-6/#typedef-wcag2",