amis 2.3.0 → 2.3.2-beta.1

package/schema.json

@@ -276,7 +276,21 @@
           "type": "string"
         },
         "args": {
-          "type": "object"
+          "anyOf": [
+            {
+              "type": "object"
+            },
+            {
+              "type": "null"
+            }
+          ]
+        },
+        "dataMergeMode": {
+          "type": "string",
+          "enum": [
+            "merge",
+            "override"
+          ]
         },
         "outputVar": {
           "type": "string"
@@ -19456,7 +19470,7 @@
         },
         "clipPath": {
           "$ref": "#/definitions/Property.ClipPath",
-          "description": "The **`clip-path`** CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.\n\n**Syntax**: `<clip-source> | [ <basic-shape> || <geometry-box> ] | none`\n\n**Initial value**: `none`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **55**  | **3.5** | **9.1** | **79** | **10** | | 23 _-x-_ |         | 7 _-x-_ |        |        |"
+          "description": "The **`clip-path`** CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.\n\n**Syntax**: `<clip-source> | [ <basic-shape> || <geometry-box> ] | none`\n\n**Initial value**: `none`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **55**  | **3.5** | **9.1** | **12** | **10** | | 23 _-x-_ |         | 7 _-x-_ |        |        |"
         },
         "clipRule": {
           "$ref": "#/definitions/Property.ClipRule"
@@ -19519,7 +19533,7 @@
         },
         "fontSizeAdjust": {
           "$ref": "#/definitions/Property.FontSizeAdjust",
-          "description": "The **`font-size-adjust`** CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).\n\n**Syntax**: `none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |  **3**  |   No   | n/a  | No  |"
+          "description": "The **`font-size-adjust`** CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).\n\n**Syntax**: `none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |  n/a   |  **1**  |   No   | n/a  | No  |"
         },
         "fontStretch": {
           "$ref": "#/definitions/Property.FontStretch",
@@ -19542,7 +19556,7 @@
         },
         "imageRendering": {
           "$ref": "#/definitions/Property.ImageRendering",
-          "description": "The **`image-rendering`** CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.\n\n**Syntax**: `auto | crisp-edges | pixelated`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **13** | **3.6** | **6**  | n/a  | No  |"
+          "description": "The **`image-rendering`** CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.\n\n**Syntax**: `auto | crisp-edges | pixelated`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **13** | **3.6** | **6**  | **79** | No  |"
         },
         "letterSpacing": {
           "$ref": "#/definitions/Property.LetterSpacing%3C(string%7Cnumber)%3E",
@@ -19629,7 +19643,7 @@
         },
         "textRendering": {
           "$ref": "#/definitions/Property.TextRendering",
-          "description": "The **`text-rendering`** CSS property provides information to the rendering engine about what to optimize for when rendering text.\n\n**Syntax**: `auto | optimizeSpeed | optimizeLegibility | geometricPrecision`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **4**  |  **1**  | **5**  | n/a  | No  |"
+          "description": "The **`text-rendering`** CSS property provides information to the rendering engine about what to optimize for when rendering text.\n\n**Syntax**: `auto | optimizeSpeed | optimizeLegibility | geometricPrecision`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **4**  |  **1**  | **5**  | **79** | No  |"
         },
         "unicodeBidi": {
           "$ref": "#/definitions/Property.UnicodeBidi",
@@ -19754,6 +19768,10 @@
           "$ref": "#/definitions/Property.ScrollSnapTypeY",
           "description": "The **`scroll-snap-type-y`** CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\n**Syntax**: `none | mandatory | proximity`\n\n**Initial value**: `none`"
         },
+        "scrollbarTrackColor": {
+          "$ref": "#/definitions/Property.MsScrollbarTrackColor",
+          "description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
+        },
         "KhtmlBoxAlign": {
           "$ref": "#/definitions/Property.BoxAlign",
           "description": "The **`box-align`** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | baseline | stretch`\n\n**Initial value**: `stretch`"
@@ -19938,6 +19956,10 @@
           "$ref": "#/definitions/Property.ImeMode",
           "description": "The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.\n\n**Syntax**: `auto | normal | active | inactive | disabled`\n\n**Initial value**: `auto`"
         },
+        "msScrollbarTrackColor": {
+          "$ref": "#/definitions/Property.MsScrollbarTrackColor",
+          "description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
+        },
         "OAnimation": {
           "$ref": "#/definitions/Property.Animation%3Cstring%3E",
           "description": "The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.\n\n**Syntax**: `<single-animation>#`"
@@ -20254,6 +20276,10 @@
           "$ref": "#/definitions/Property.ColumnFill",
           "description": "The **`column-fill`** CSS property controls how an element's contents are balanced when broken into columns.\n\n**Syntax**: `auto | balance | balance-all`\n\n**Initial value**: `balance`"
         },
+        "MozColumnGap": {
+          "$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
+          "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`"
+        },
         "MozColumnRuleColor": {
           "$ref": "#/definitions/Property.ColumnRuleColor",
           "description": "The **`column-rule-color`** CSS property sets the color of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`"
@@ -20386,6 +20412,10 @@
           "$ref": "#/definitions/Property.MsAccelerator",
           "description": "The **`-ms-accelerator`** CSS property is a Microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.\n\n**Syntax**: `false | true`\n\n**Initial value**: `false`"
         },
+        "msAlignSelf": {
+          "$ref": "#/definitions/Property.AlignSelf",
+          "description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`"
+        },
         "msBlockProgression": {
           "$ref": "#/definitions/Property.MsBlockProgression",
           "description": "The **`-ms-block-progression`** CSS property is a Microsoft extension that specifies the block progression and layout orientation.\n\n**Syntax**: `tb | rl | bt | lr`\n\n**Initial value**: `tb`"
@@ -20466,6 +20496,10 @@
           "$ref": "#/definitions/Property.MsImeAlign",
           "description": "The **`-ms-ime-align`** CSS property is a Microsoft extension aligning the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active. The extension is implemented in Microsoft Edge and Internet Explorer 11.\n\n**Syntax**: `auto | after`\n\n**Initial value**: `auto`"
         },
+        "msJustifySelf": {
+          "$ref": "#/definitions/Property.JustifySelf",
+          "description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`"
+        },
         "msLineBreak": {
           "$ref": "#/definitions/Property.LineBreak",
           "description": "The **`line-break`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.\n\n**Syntax**: `auto | loose | normal | strict | anywhere`\n\n**Initial value**: `auto`"
@@ -20554,10 +20588,6 @@
           "$ref": "#/definitions/Property.MsScrollbarShadowColor",
           "description": "The **`-ms-scrollbar-shadow-color`** CSS property is a Microsoft extension that specifies the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `ThreeDDarkShadow`"
         },
-        "msScrollbarTrackColor": {
-          "$ref": "#/definitions/Property.MsScrollbarTrackColor",
-          "description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
-        },
         "msTextAutospace": {
           "$ref": "#/definitions/Property.MsTextAutospace",
           "description": "The **`-ms-text-autospace`** CSS property is a Microsoft extension that specifies the autospacing and narrow space width adjustment of text.\n\n**Syntax**: `none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space`\n\n**Initial value**: `none`"
@@ -20754,6 +20784,10 @@
           "$ref": "#/definitions/Property.ColumnFill",
           "description": "The **`column-fill`** CSS property controls how an element's contents are balanced when broken into columns.\n\n**Syntax**: `auto | balance | balance-all`\n\n**Initial value**: `balance`"
         },
+        "WebkitColumnGap": {
+          "$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
+          "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`"
+        },
         "WebkitColumnRuleColor": {
           "$ref": "#/definitions/Property.ColumnRuleColor",
           "description": "The **`column-rule-color`** CSS property sets the color of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`"
@@ -21064,7 +21098,7 @@
         },
         "all": {
           "$ref": "#/definitions/Property.All",
-          "description": "The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.\n\n**Syntax**: `initial | inherit | unset | revert | revert-layer`\n\n**Initial value**: There is no practical initial value for it.\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **37** | **27**  | **9.1** | n/a  | No  |"
+          "description": "The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.\n\n**Syntax**: `initial | inherit | unset | revert | revert-layer`\n\n**Initial value**: There is no practical initial value for it.\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **37** | **27**  | **9.1** | **79** | No  |"
         },
         "animation": {
           "$ref": "#/definitions/Property.Animation%3Cstring%3E",
@@ -21084,15 +21118,15 @@
         },
         "borderBlock": {
           "$ref": "#/definitions/Property.BorderBlock%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block`** CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-block`** CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderBlockEnd": {
           "$ref": "#/definitions/Property.BorderBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block-end`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-end`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockStart": {
           "$ref": "#/definitions/Property.BorderBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBottom": {
           "$ref": "#/definitions/Property.BorderBottom%3C(string%7Cnumber)%3E",
@@ -21108,15 +21142,15 @@
         },
         "borderInline": {
           "$ref": "#/definitions/Property.BorderInline%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline`** CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-inline`** CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderInlineEnd": {
           "$ref": "#/definitions/Property.BorderInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderInlineStart": {
           "$ref": "#/definitions/Property.BorderInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderLeft": {
           "$ref": "#/definitions/Property.BorderLeft%3C(string%7Cnumber)%3E",
@@ -21160,7 +21194,7 @@
         },
         "gap": {
           "$ref": "#/definitions/Property.Gap%3C(string%7Cnumber)%3E",
-          "description": "The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`.\n\n**Syntax**: `<'row-gap'> <'column-gap'>?`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52**  | **10.1** | **16** | No  |"
+          "description": "The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`.\n\n**Syntax**: `<'row-gap'> <'column-gap'>?`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63**  | **14.1** | **84** | No  |\n\n---\n\n_Supported in Grid Layout_\n\n|     Chrome      |     Firefox     |      Safari       |  Edge  | IE  | | :-------------: | :-------------: | :---------------: | :----: | :-: | |     **66**      |     **61**      |      **12**       | **16** | No  | | 57 _(grid-gap)_ | 52 _(grid-gap)_ | 10.1 _(grid-gap)_ |        |     |\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **66** | **61**  |   No   | **16** | No  |\n\n---"
         },
         "grid": {
           "$ref": "#/definitions/Property.Grid",
@@ -21196,15 +21230,15 @@
         },
         "maskBorder": {
           "$ref": "#/definitions/Property.MaskBorder",
-          "description": "The **`mask-border`** CSS shorthand property lets you create a mask along the edge of an element's border.\n\n**Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`\n\n|              Chrome              | Firefox |               Safari               | Edge | IE  | | :------------------------------: | :-----: | :--------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image)_ |   No    | **3.1** _(-webkit-mask-box-image)_ | n/a  | No  |"
+          "description": "The **`mask-border`** CSS shorthand property lets you create a mask along the edge of an element's border.\n\n**Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`\n\n|              Chrome              | Firefox |               Safari               |               Edge                | IE  | | :------------------------------: | :-----: | :--------------------------------: | :-------------------------------: | :-: | | **1** _(-webkit-mask-box-image)_ |   No    | **3.1** _(-webkit-mask-box-image)_ | **79** _(-webkit-mask-box-image)_ | No  |"
         },
         "motion": {
           "$ref": "#/definitions/Property.Offset%3C(string%7Cnumber)%3E",
-          "description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n|    Chrome     | Firefox | Safari | Edge | IE  | | :-----------: | :-----: | :----: | :--: | :-: | |    **55**     | **72**  | **16** | n/a  | No  | | 46 _(motion)_ |         |        |      |     |"
+          "description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n|    Chrome     | Firefox | Safari |  Edge  | IE  | | :-----------: | :-----: | :----: | :----: | :-: | |    **55**     | **72**  |   No   | **79** | No  | | 46 _(motion)_ |         |        |        |     |"
         },
         "offset": {
           "$ref": "#/definitions/Property.Offset%3C(string%7Cnumber)%3E",
-          "description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n|    Chrome     | Firefox | Safari | Edge | IE  | | :-----------: | :-----: | :----: | :--: | :-: | |    **55**     | **72**  | **16** | n/a  | No  | | 46 _(motion)_ |         |        |      |     |"
+          "description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n|    Chrome     | Firefox | Safari |  Edge  | IE  | | :-----------: | :-----: | :----: | :----: | :-: | |    **55**     | **72**  |   No   | **79** | No  | | 46 _(motion)_ |         |        |        |     |"
         },
         "outline": {
           "$ref": "#/definitions/Property.Outline%3C(string%7Cnumber)%3E",
@@ -21212,7 +21246,7 @@
         },
         "overscrollBehavior": {
           "$ref": "#/definitions/Property.OverscrollBehavior",
-          "description": "The **`overscroll-behavior`** CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for `overscroll-behavior-x` and `overscroll-behavior-y`.\n\n**Syntax**: `[ contain | none | auto ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  | **16** | **18** | No  |"
+          "description": "The **`overscroll-behavior`** CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for `overscroll-behavior-x` and `overscroll-behavior-y`.\n\n**Syntax**: `[ contain | none | auto ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  |   No   | **18** | No  |"
         },
         "padding": {
           "$ref": "#/definitions/Property.Padding%3C(string%7Cnumber)%3E",
@@ -21220,15 +21254,15 @@
         },
         "placeItems": {
           "$ref": "#/definitions/Property.PlaceItems",
-          "description": "The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.\n\n**Syntax**: `<'align-items'> <'justify-items'>?`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **59** | **45**  | **11** | n/a  | No  |"
+          "description": "The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.\n\n**Syntax**: `<'align-items'> <'justify-items'>?`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45**  | **11** | **79** | No  |"
         },
         "placeSelf": {
           "$ref": "#/definitions/Property.PlaceSelf",
-          "description": "The **`place-self`** CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the `align-self` and `justify-self` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.\n\n**Syntax**: `<'align-self'> <'justify-self'>?`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **59** | **45**  | **11** | n/a  | No  |"
+          "description": "The **`place-self`** CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the `align-self` and `justify-self` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.\n\n**Syntax**: `<'align-self'> <'justify-self'>?`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45**  | **11** | **79** | No  |"
         },
         "textEmphasis": {
           "$ref": "#/definitions/Property.TextEmphasis",
-          "description": "The **`text-emphasis`** CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for `text-emphasis-style` and `text-emphasis-color`.\n\n**Syntax**: `<'text-emphasis-style'> || <'text-emphasis-color'>`\n\n|  Chrome  | Firefox | Safari | Edge | IE  | | :------: | :-----: | :----: | :--: | :-: | |  **99**  | **46**  | **7**  | n/a  | No  | | 25 _-x-_ |         |        |      |     |"
+          "description": "The **`text-emphasis`** CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for `text-emphasis-style` and `text-emphasis-color`.\n\n**Syntax**: `<'text-emphasis-style'> || <'text-emphasis-color'>`\n\n|  Chrome  | Firefox | Safari |   Edge   | IE  | | :------: | :-----: | :----: | :------: | :-: | |  **99**  | **46**  | **7**  |  **99**  | No  | | 25 _-x-_ |         |        | 79 _-x-_ |     |"
         },
         "transition": {
           "$ref": "#/definitions/Property.Transition%3Cstring%3E",
@@ -21236,27 +21270,23 @@
         },
         "accentColor": {
           "$ref": "#/definitions/Property.AccentColor",
-          "description": "The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **93** | **92**  | **15.4** | n/a  | No  |"
+          "description": "The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **93** | **92**  | **15.4** | **93** | No  |"
         },
         "alignContent": {
           "$ref": "#/definitions/Property.AlignContent",
-          "description": "The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.\n\n**Syntax**: `normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>`\n\n**Initial value**: `normal`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **29**  | **28**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |"
+          "description": "The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.\n\n**Syntax**: `normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **29**  | **28**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52**  | **10.1** | **16** | No  |\n\n---"
         },
         "alignItems": {
           "$ref": "#/definitions/Property.AlignItems",
-          "description": "The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.\n\n**Syntax**: `normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]`\n\n**Initial value**: `normal`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **29**  | **20**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |"
+          "description": "The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.\n\n**Syntax**: `normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **52**  | **20**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52**  | **10.1** | **16** | No  |\n\n---"
         },
         "alignSelf": {
           "$ref": "#/definitions/Property.AlignSelf",
-          "description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **29**  | **20**  |  **9**  | **12** | **10** | | 21 _-x-_ |         | 7 _-x-_ |        |        |"
+          "description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Flex Layout_\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **36**  | **20**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  |      IE      | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **52**  | **10.1** | **16** | **10** _-x-_ |\n\n---"
         },
         "alignTracks": {
           "$ref": "#/definitions/Property.AlignTracks",
-          "description": "The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.\n\n**Syntax**: `[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   | n/a  | No  |"
-        },
-        "animationComposition": {
-          "$ref": "#/definitions/Property.AnimationComposition",
-          "description": "The **`animation-composition`** CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously.\n\n**Syntax**: `<single-animation-composition>#`\n\n**Initial value**: `replace`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   | n/a  | No  |"
+          "description": "The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.\n\n**Syntax**: `[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   |  No  | No  |"
         },
         "animationDelay": {
           "$ref": "#/definitions/Property.AnimationDelay%3Cstring%3E",
@@ -21288,7 +21318,7 @@
         },
         "animationTimeline": {
           "$ref": "#/definitions/Property.AnimationTimeline",
-          "description": "The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.\n\n**Syntax**: `<single-animation-timeline>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   | n/a  | No  |"
+          "description": "The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.\n\n**Syntax**: `<single-animation-timeline>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   |  No  | No  |"
         },
         "animationTimingFunction": {
           "$ref": "#/definitions/Property.AnimationTimingFunction",
@@ -21300,11 +21330,11 @@
         },
         "aspectRatio": {
           "$ref": "#/definitions/Property.AspectRatio",
-          "description": "The **`aspect-ratio`** CSS property sets a **preferred aspect ratio** for the box, which will be used in the calculation of auto sizes and some other layout functions.\n\n**Syntax**: `auto | <ratio>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **88** | **89**  | **15** | n/a  | No  |"
+          "description": "The **`aspect-ratio`** CSS property sets a **preferred aspect ratio** for the box, which will be used in the calculation of auto sizes and some other layout functions.\n\n**Syntax**: `auto | <ratio>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **88** | **89**  | **15** | **88** | No  |"
         },
         "backdropFilter": {
           "$ref": "#/definitions/Property.BackdropFilter",
-          "description": "The **`backdrop-filter`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent.\n\n**Syntax**: `none | <filter-function-list>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |   Safari    |  Edge  | IE  | | :----: | :-----: | :---------: | :----: | :-: | | **76** | **103** | **9** _-x-_ | **17** | No  |"
+          "description": "The **`backdrop-filter`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent.\n\n**Syntax**: `none | <filter-function-list>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |   Safari    |  Edge  | IE  | | :----: | :-----: | :---------: | :----: | :-: | | **76** |   n/a   | **9** _-x-_ | **17** | No  |"
         },
         "backfaceVisibility": {
           "$ref": "#/definitions/Property.BackfaceVisibility",
@@ -21316,7 +21346,7 @@
         },
         "backgroundBlendMode": {
           "$ref": "#/definitions/Property.BackgroundBlendMode",
-          "description": "The **`background-blend-mode`** CSS property sets how an element's background images should blend with each other and with the element's background color.\n\n**Syntax**: `<blend-mode>#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **35** | **30**  | **8**  | n/a  | No  |"
+          "description": "The **`background-blend-mode`** CSS property sets how an element's background images should blend with each other and with the element's background color.\n\n**Syntax**: `<blend-mode>#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **35** | **30**  | **8**  | **79** | No  |"
         },
         "backgroundClip": {
           "$ref": "#/definitions/Property.BackgroundClip",
@@ -21356,43 +21386,43 @@
         },
         "blockSize": {
           "$ref": "#/definitions/Property.BlockSize%3C(string%7Cnumber)%3E",
-          "description": "The **`block-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`block-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockColor": {
           "$ref": "#/definitions/Property.BorderBlockColor",
-          "description": "The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderBlockEndColor": {
           "$ref": "#/definitions/Property.BorderBlockEndColor",
-          "description": "The **`border-block-end-color`** CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-end-color`** CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockEndStyle": {
           "$ref": "#/definitions/Property.BorderBlockEndStyle",
-          "description": "The **`border-block-end-style`** CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-end-style`** CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockEndWidth": {
           "$ref": "#/definitions/Property.BorderBlockEndWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block-end-width`** CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-end-width`** CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockStartColor": {
           "$ref": "#/definitions/Property.BorderBlockStartColor",
-          "description": "The **`border-block-start-color`** CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-start-color`** CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockStartStyle": {
           "$ref": "#/definitions/Property.BorderBlockStartStyle",
-          "description": "The **`border-block-start-style`** CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-start-style`** CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockStartWidth": {
           "$ref": "#/definitions/Property.BorderBlockStartWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block-start-width`** CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-block-start-width`** CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderBlockStyle": {
           "$ref": "#/definitions/Property.BorderBlockStyle",
-          "description": "The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderBlockWidth": {
           "$ref": "#/definitions/Property.BorderBlockWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderBottomColor": {
           "$ref": "#/definitions/Property.BorderBottomColor",
@@ -21420,11 +21450,11 @@
         },
         "borderEndEndRadius": {
           "$ref": "#/definitions/Property.BorderEndEndRadius%3C(string%7Cnumber)%3E",
-          "description": "The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **89** | **66**  | **15** | n/a  | No  |"
+          "description": "The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66**  | **15** | **89** | No  |"
         },
         "borderEndStartRadius": {
           "$ref": "#/definitions/Property.BorderEndStartRadius%3C(string%7Cnumber)%3E",
-          "description": "The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **89** | **66**  | **15** | n/a  | No  |"
+          "description": "The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66**  | **15** | **89** | No  |"
         },
         "borderImageOutset": {
           "$ref": "#/definitions/Property.BorderImageOutset%3C(string%7Cnumber)%3E",
@@ -21448,39 +21478,39 @@
         },
         "borderInlineColor": {
           "$ref": "#/definitions/Property.BorderInlineColor",
-          "description": "The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderInlineEndColor": {
           "$ref": "#/definitions/Property.BorderInlineEndColor",
-          "description": "The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome |           Firefox           |  Safari  | Edge | IE  | | :----: | :-------------------------: | :------: | :--: | :-: | | **69** |           **41**            | **12.1** | n/a  | No  | |        | 3 _(-moz-border-end-color)_ |          |      |     |"
+          "description": "The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome |           Firefox           |  Safari  |  Edge  | IE  | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** |           **41**            | **12.1** | **79** | No  | |        | 3 _(-moz-border-end-color)_ |          |        |     |"
         },
         "borderInlineEndStyle": {
           "$ref": "#/definitions/Property.BorderInlineEndStyle",
-          "description": "The **`border-inline-end-style`** CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome |           Firefox           |  Safari  | Edge | IE  | | :----: | :-------------------------: | :------: | :--: | :-: | | **69** |           **41**            | **12.1** | n/a  | No  | |        | 3 _(-moz-border-end-style)_ |          |      |     |"
+          "description": "The **`border-inline-end-style`** CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome |           Firefox           |  Safari  |  Edge  | IE  | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** |           **41**            | **12.1** | **79** | No  | |        | 3 _(-moz-border-end-style)_ |          |        |     |"
         },
         "borderInlineEndWidth": {
           "$ref": "#/definitions/Property.BorderInlineEndWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline-end-width`** CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome |           Firefox           |  Safari  | Edge | IE  | | :----: | :-------------------------: | :------: | :--: | :-: | | **69** |           **41**            | **12.1** | n/a  | No  | |        | 3 _(-moz-border-end-width)_ |          |      |     |"
+          "description": "The **`border-inline-end-width`** CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome |           Firefox           |  Safari  |  Edge  | IE  | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** |           **41**            | **12.1** | **79** | No  | |        | 3 _(-moz-border-end-width)_ |          |        |     |"
         },
         "borderInlineStartColor": {
           "$ref": "#/definitions/Property.BorderInlineStartColor",
-          "description": "The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome |            Firefox            |  Safari  | Edge | IE  | | :----: | :---------------------------: | :------: | :--: | :-: | | **69** |            **41**             | **12.1** | n/a  | No  | |        | 3 _(-moz-border-start-color)_ |          |      |     |"
+          "description": "The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome |            Firefox            |  Safari  |  Edge  | IE  | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** |            **41**             | **12.1** | **79** | No  | |        | 3 _(-moz-border-start-color)_ |          |        |     |"
         },
         "borderInlineStartStyle": {
           "$ref": "#/definitions/Property.BorderInlineStartStyle",
-          "description": "The **`border-inline-start-style`** CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome |            Firefox            |  Safari  | Edge | IE  | | :----: | :---------------------------: | :------: | :--: | :-: | | **69** |            **41**             | **12.1** | n/a  | No  | |        | 3 _(-moz-border-start-style)_ |          |      |     |"
+          "description": "The **`border-inline-start-style`** CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome |            Firefox            |  Safari  |  Edge  | IE  | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** |            **41**             | **12.1** | **79** | No  | |        | 3 _(-moz-border-start-style)_ |          |        |     |"
         },
         "borderInlineStartWidth": {
           "$ref": "#/definitions/Property.BorderInlineStartWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline-start-width`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`border-inline-start-width`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41**  | **12.1** | **79** | No  |"
         },
         "borderInlineStyle": {
           "$ref": "#/definitions/Property.BorderInlineStyle",
-          "description": "The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderInlineWidth": {
           "$ref": "#/definitions/Property.BorderInlineWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "borderLeftColor": {
           "$ref": "#/definitions/Property.BorderLeftColor",
@@ -21512,11 +21542,11 @@
         },
         "borderStartEndRadius": {
           "$ref": "#/definitions/Property.BorderStartEndRadius%3C(string%7Cnumber)%3E",
-          "description": "The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **89** | **66**  | **15** | n/a  | No  |"
+          "description": "The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66**  | **15** | **89** | No  |"
         },
         "borderStartStartRadius": {
           "$ref": "#/definitions/Property.BorderStartStartRadius%3C(string%7Cnumber)%3E",
-          "description": "The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **89** | **66**  | **15** | n/a  | No  |"
+          "description": "The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66**  | **15** | **89** | No  |"
         },
         "borderTopColor": {
           "$ref": "#/definitions/Property.BorderTopColor",
@@ -21544,7 +21574,7 @@
         },
         "boxDecorationBreak": {
           "$ref": "#/definitions/Property.BoxDecorationBreak",
-          "description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`\n\n|    Chrome    | Firefox |   Safari    | Edge | IE  | | :----------: | :-----: | :---------: | :--: | :-: | | **22** _-x-_ | **32**  | **7** _-x-_ | n/a  | No  |"
+          "description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`\n\n|    Chrome    | Firefox |   Safari    |     Edge     | IE  | | :----------: | :-----: | :---------: | :----------: | :-: | | **22** _-x-_ | **32**  | **7** _-x-_ | **79** _-x-_ | No  |"
         },
         "boxShadow": {
           "$ref": "#/definitions/Property.BoxShadow",
@@ -21556,15 +21586,15 @@
         },
         "breakAfter": {
           "$ref": "#/definitions/Property.BreakAfter",
-          "description": "The **`break-after`** CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |"
+          "description": "The **`break-after`** CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  |   No   | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |\n\n---"
         },
         "breakBefore": {
           "$ref": "#/definitions/Property.BreakBefore",
-          "description": "The **`break-before`** CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |"
+          "description": "The **`break-before`** CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  |   No   | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |\n\n---"
         },
         "breakInside": {
           "$ref": "#/definitions/Property.BreakInside",
-          "description": "The **`break-inside`** CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |"
+          "description": "The **`break-inside`** CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65**  | **10** | **12** | **10** |\n\n---"
         },
         "captionSide": {
           "$ref": "#/definitions/Property.CaptionSide",
@@ -21572,7 +21602,7 @@
         },
         "caretColor": {
           "$ref": "#/definitions/Property.CaretColor",
-          "description": "The **`caret-color`** CSS property sets the color of the **insertion caret**, the visible marker where the next character typed will be inserted. This is sometimes referred to as the **text input cursor**. The caret appears in elements such as `<input>` or those with the `contenteditable` attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **53**  | **11.1** | n/a  | No  |"
+          "description": "The **`caret-color`** CSS property sets the color of the **insertion caret**, the visible marker where the next character typed will be inserted. This is sometimes referred to as the **text input cursor**. The caret appears in elements such as `<input>` or those with the `contenteditable` attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **53**  | **11.1** | **79** | No  |"
         },
         "clear": {
           "$ref": "#/definitions/Property.Clear",
@@ -21584,7 +21614,7 @@
         },
         "colorScheme": {
           "$ref": "#/definitions/Property.ColorScheme",
-          "description": "The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+ && only?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **81** | **96**  | **13** | n/a  | No  |"
+          "description": "The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+ && only?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **81** | **96**  | **13** | **81** | No  |"
         },
         "columnCount": {
           "$ref": "#/definitions/Property.ColumnCount",
@@ -21596,7 +21626,7 @@
         },
         "columnGap": {
           "$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
-          "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **1**  | **1.5** | **3**  | **12** | **10** |"
+          "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63**  | **14.1** | **84** | No  |\n\n---\n\n_Supported in Grid Layout_\n\n|         Chrome         |        Firefox         |          Safari          |  Edge  | IE  | | :--------------------: | :--------------------: | :----------------------: | :----: | :-: | |         **66**         |         **61**         |          **12**          | **16** | No  | | 57 _(grid-column-gap)_ | 52 _(grid-column-gap)_ | 10.1 _(grid-column-gap)_ |        |     |\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome  | Firefox | Safari  |  Edge  |   IE   | | :-----: | :-----: | :-----: | :----: | :----: | | **50**  | **52**  | **10**  | **12** | **10** | | 1 _-x-_ |         | 3 _-x-_ |        |        |\n\n---"
         },
         "columnRuleColor": {
           "$ref": "#/definitions/Property.ColumnRuleColor",
@@ -21620,7 +21650,7 @@
         },
         "contain": {
           "$ref": "#/definitions/Property.Contain",
-          "description": "The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.\n\n**Syntax**: `none | strict | content | [ [ size || inline-size ] || layout || style || paint ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **52** | **69**  | **15.4** | n/a  | No  |"
+          "description": "The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.\n\n**Syntax**: `none | strict | content | [ size || layout || style || paint ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **52** | **69**  | **15.4** | **79** | No  |"
         },
         "content": {
           "$ref": "#/definitions/Property.Content",
@@ -21628,7 +21658,7 @@
         },
         "contentVisibility": {
           "$ref": "#/definitions/Property.ContentVisibility",
-          "description": "The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.\n\n**Syntax**: `visible | auto | hidden`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **85** |   No    |   No   | n/a  | No  |"
+          "description": "The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.\n\n**Syntax**: `visible | auto | hidden`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **85** |   No    |   No   | **85** | No  |"
         },
         "counterIncrement": {
           "$ref": "#/definitions/Property.CounterIncrement",
@@ -21640,7 +21670,7 @@
         },
         "counterSet": {
           "$ref": "#/definitions/Property.CounterSet",
-          "description": "The **`counter-set`** CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.\n\n**Syntax**: `[ <counter-name> <integer>? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **85** | **68**  |   No   | n/a  | No  |"
+          "description": "The **`counter-set`** CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.\n\n**Syntax**: `[ <counter-name> <integer>? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **85** | **68**  |   No   | **85** | No  |"
         },
         "emptyCells": {
           "$ref": "#/definitions/Property.EmptyCells",
@@ -21676,11 +21706,11 @@
         },
         "fontKerning": {
           "$ref": "#/definitions/Property.FontKerning",
-          "description": "The **`font-kerning`** CSS property sets the use of the kerning information stored in a font.\n\n**Syntax**: `auto | normal | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **33** | **32**  |  **9**  | n/a  | No  | |        |         | 6 _-x-_ |      |     |"
+          "description": "The **`font-kerning`** CSS property sets the use of the kerning information stored in a font.\n\n**Syntax**: `auto | normal | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **33** | **32**  |  **9**  | **79** | No  | |        |         | 6 _-x-_ |        |     |"
         },
         "fontLanguageOverride": {
           "$ref": "#/definitions/Property.FontLanguageOverride",
-          "description": "The **`font-language-override`** CSS property controls the use of language-specific glyphs in a typeface.\n\n**Syntax**: `normal | <string>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **34**  |   No   | n/a  | No  | |        | 4 _-x-_ |        |      |     |"
+          "description": "The **`font-language-override`** CSS property controls the use of language-specific glyphs in a typeface.\n\n**Syntax**: `normal | <string>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **34**  |   No   |  No  | No  | |        | 4 _-x-_ |        |      |     |"
         },
         "fontOpticalSizing": {
           "$ref": "#/definitions/Property.FontOpticalSizing",
@@ -21688,35 +21718,35 @@
         },
         "fontSmooth": {
           "$ref": "#/definitions/Property.FontSmooth%3C(string%7Cnumber)%3E",
-          "description": "The **`font-smooth`** CSS property controls the application of anti-aliasing when fonts are rendered.\n\n**Syntax**: `auto | never | always | <absolute-size> | <length>`\n\n**Initial value**: `auto`\n\n|              Chrome              |              Firefox               |              Safari              | Edge | IE  | | :------------------------------: | :--------------------------------: | :------------------------------: | :--: | :-: | | **5** _(-webkit-font-smoothing)_ | **25** _(-moz-osx-font-smoothing)_ | **4** _(-webkit-font-smoothing)_ | n/a  | No  |"
+          "description": "The **`font-smooth`** CSS property controls the application of anti-aliasing when fonts are rendered.\n\n**Syntax**: `auto | never | always | <absolute-size> | <length>`\n\n**Initial value**: `auto`\n\n|              Chrome              |              Firefox               |              Safari              |               Edge                | IE  | | :------------------------------: | :--------------------------------: | :------------------------------: | :-------------------------------: | :-: | | **5** _(-webkit-font-smoothing)_ | **25** _(-moz-osx-font-smoothing)_ | **4** _(-webkit-font-smoothing)_ | **79** _(-webkit-font-smoothing)_ | No  |"
         },
         "fontSynthesis": {
           "$ref": "#/definitions/Property.FontSynthesis",
-          "description": "The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.\n\n**Syntax**: `none | [ weight || style || small-caps ]`\n\n**Initial value**: `weight style`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **97** | **34**  | **9**  | n/a  | No  |"
+          "description": "The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.\n\n**Syntax**: `none | [ weight || style || small-caps ]`\n\n**Initial value**: `weight style`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **97** | **34**  | **9**  | **97** | No  |"
         },
         "fontVariantAlternates": {
           "$ref": "#/definitions/Property.FontVariantAlternates",
-          "description": "The **`font-variant-alternates`** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in `@font-feature-values`.\n\n**Syntax**: `normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | |   No   | **34**  | **9.1** | n/a  | No  |"
+          "description": "The **`font-variant-alternates`** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in `@font-feature-values`.\n\n**Syntax**: `normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | |   No   | **34**  | **9.1** |  No  | No  |"
         },
         "fontVariantCaps": {
           "$ref": "#/definitions/Property.FontVariantCaps",
-          "description": "The **`font-variant-caps`** CSS property controls the use of alternate glyphs for capital letters.\n\n**Syntax**: `normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **52** | **34**  | **9.1** | n/a  | No  |"
+          "description": "The **`font-variant-caps`** CSS property controls the use of alternate glyphs for capital letters.\n\n**Syntax**: `normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34**  | **9.1** | **79** | No  |"
         },
         "fontVariantEastAsian": {
           "$ref": "#/definitions/Property.FontVariantEastAsian",
-          "description": "The **`font-variant-east-asian`** CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.\n\n**Syntax**: `normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **63** | **34**  | **9.1** | n/a  | No  |"
+          "description": "The **`font-variant-east-asian`** CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.\n\n**Syntax**: `normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **63** | **34**  | **9.1** | **79** | No  |"
         },
         "fontVariantLigatures": {
           "$ref": "#/definitions/Property.FontVariantLigatures",
-          "description": "The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.\n\n**Syntax**: `normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]`\n\n**Initial value**: `normal`\n\n|  Chrome  | Firefox | Safari  | Edge | IE  | | :------: | :-----: | :-----: | :--: | :-: | |  **34**  | **34**  | **9.1** | n/a  | No  | | 31 _-x-_ |         | 7 _-x-_ |      |     |"
+          "description": "The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.\n\n**Syntax**: `normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]`\n\n**Initial value**: `normal`\n\n|  Chrome  | Firefox | Safari  |  Edge  | IE  | | :------: | :-----: | :-----: | :----: | :-: | |  **34**  | **34**  | **9.1** | **79** | No  | | 31 _-x-_ |         | 7 _-x-_ |        |     |"
         },
         "fontVariantNumeric": {
           "$ref": "#/definitions/Property.FontVariantNumeric",
-          "description": "The **`font-variant-numeric`** CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.\n\n**Syntax**: `normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **52** | **34**  | **9.1** | n/a  | No  |"
+          "description": "The **`font-variant-numeric`** CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.\n\n**Syntax**: `normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34**  | **9.1** | **79** | No  |"
         },
         "fontVariantPosition": {
           "$ref": "#/definitions/Property.FontVariantPosition",
-          "description": "The **`font-variant-position`** CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n\n**Syntax**: `normal | sub | super`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | |   No   | **34**  | **9.1** | n/a  | No  |"
+          "description": "The **`font-variant-position`** CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n\n**Syntax**: `normal | sub | super`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | |   No   | **34**  | **9.1** |  No  | No  |"
         },
         "fontVariationSettings": {
           "$ref": "#/definitions/Property.FontVariationSettings",
@@ -21768,7 +21798,7 @@
         },
         "hangingPunctuation": {
           "$ref": "#/definitions/Property.HangingPunctuation",
-          "description": "The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.\n\n**Syntax**: `none | [ first || [ force-end | allow-end ] || last ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   No    | **10** | n/a  | No  |"
+          "description": "The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.\n\n**Syntax**: `none | [ first || [ force-end | allow-end ] || last ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   No    | **10** |  No  | No  |"
         },
         "height": {
           "$ref": "#/definitions/Property.Height%3C(string%7Cnumber)%3E",
@@ -21776,7 +21806,7 @@
         },
         "hyphenateCharacter": {
           "$ref": "#/definitions/Property.HyphenateCharacter",
-          "description": "The **`hyphenate-character`** CSS property sets the character (or string) used at the end of a line before a hyphenation break.\n\n**Syntax**: `auto | <string>`\n\n**Initial value**: `auto`\n\n|   Chrome    | Firefox |    Safari     | Edge | IE  | | :---------: | :-----: | :-----------: | :--: | :-: | | **6** _-x-_ | **98**  | **5.1** _-x-_ | n/a  | No  |"
+          "description": "The **`hyphenate-character`** CSS property sets the character (or string) used at the end of a line before a hyphenation break.\n\n**Syntax**: `auto | <string>`\n\n**Initial value**: `auto`\n\n|   Chrome    | Firefox |    Safari     |     Edge     | IE  | | :---------: | :-----: | :-----------: | :----------: | :-: | | **6** _-x-_ | **98**  | **5.1** _-x-_ | **79** _-x-_ | No  |"
         },
         "hyphens": {
           "$ref": "#/definitions/Property.Hyphens",
@@ -21784,7 +21814,7 @@
         },
         "imageOrientation": {
           "$ref": "#/definitions/Property.ImageOrientation",
-          "description": "The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **81** | **26**  | **13.1** | n/a  | No  |"
+          "description": "The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **81** | **26**  | **13.1** | **81** | No  |"
         },
         "imageResolution": {
           "$ref": "#/definitions/Property.ImageResolution",
@@ -21792,11 +21822,11 @@
         },
         "initialLetter": {
           "$ref": "#/definitions/Property.InitialLetter",
-          "description": "The `initial-letter` CSS property sets styling for dropped, raised, and sunken initial letters.\n\n**Syntax**: `normal | [ <number> <integer>? ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox |   Safari    | Edge | IE  | | :----: | :-----: | :---------: | :--: | :-: | |   No   |   No    | **9** _-x-_ | n/a  | No  |"
+          "description": "The `initial-letter` CSS property sets styling for dropped, raised, and sunken initial letters.\n\n**Syntax**: `normal | [ <number> <integer>? ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox |   Safari    | Edge | IE  | | :----: | :-----: | :---------: | :--: | :-: | |   No   |   No    | **9** _-x-_ |  No  | No  |"
         },
         "inlineSize": {
           "$ref": "#/definitions/Property.InlineSize%3C(string%7Cnumber)%3E",
-          "description": "The **`inline-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`inline-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41**  | **12.1** | **79** | No  |"
         },
         "inputSecurity": {
           "$ref": "#/definitions/Property.InputSecurity",
@@ -21804,51 +21834,51 @@
         },
         "inset": {
           "$ref": "#/definitions/Property.Inset%3C(string%7Cnumber)%3E",
-          "description": "The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.\n\n**Syntax**: `<'top'>{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.\n\n**Syntax**: `<'top'>{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "insetBlock": {
           "$ref": "#/definitions/Property.InsetBlock%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "insetBlockEnd": {
           "$ref": "#/definitions/Property.InsetBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "insetBlockStart": {
           "$ref": "#/definitions/Property.InsetBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "insetInline": {
           "$ref": "#/definitions/Property.InsetInline%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "insetInlineEnd": {
           "$ref": "#/definitions/Property.InsetInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "insetInlineStart": {
           "$ref": "#/definitions/Property.InsetInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **63**  | **14.1** | n/a  | No  |"
+          "description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63**  | **14.1** | **87** | No  |"
         },
         "isolation": {
           "$ref": "#/definitions/Property.Isolation",
-          "description": "The **`isolation`** CSS property determines whether an element must create a new stacking context.\n\n**Syntax**: `auto | isolate`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **41** | **36**  | **8**  | n/a  | No  |"
+          "description": "The **`isolation`** CSS property determines whether an element must create a new stacking context.\n\n**Syntax**: `auto | isolate`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **41** | **36**  | **8**  | **79** | No  |"
         },
         "justifyContent": {
           "$ref": "#/definitions/Property.JustifyContent",
-          "description": "The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.\n\n**Syntax**: `normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]`\n\n**Initial value**: `normal`\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **29**  | **20**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |"
+          "description": "The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.\n\n**Syntax**: `normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n|  Chrome  | Firefox | Safari  |  Edge  |   IE   | | :------: | :-----: | :-----: | :----: | :----: | |  **52**  | **20**  |  **9**  | **12** | **11** | | 21 _-x-_ |         | 7 _-x-_ |        |        |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52**  | **10.1** | **16** | No  |\n\n---"
         },
         "justifyItems": {
           "$ref": "#/definitions/Property.JustifyItems",
-          "description": "The CSS **`justify-items`** property defines the default `justify-self` for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\n\n**Syntax**: `normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]`\n\n**Initial value**: `legacy`\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20**  | **9**  | **12** | **11** |"
+          "description": "The CSS **`justify-items`** property defines the default `justify-self` for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\n\n**Syntax**: `normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]`\n\n**Initial value**: `legacy`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari |  Edge  |   IE   | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20**  | **9**  | **12** | **11** |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45**  | **10.1** | **16** | No  |\n\n---"
         },
         "justifySelf": {
           "$ref": "#/definitions/Property.JustifySelf",
-          "description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  |   IE   | | :----: | :-----: | :------: | :----: | :----: | | **57** | **45**  | **10.1** | **16** | **10** |"
+          "description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45**  | **10.1** | **16** | No  |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  |      IE      | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **45**  | **10.1** | **16** | **10** _-x-_ |\n\n---"
         },
         "justifyTracks": {
           "$ref": "#/definitions/Property.JustifyTracks",
-          "description": "The **`justify-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.\n\n**Syntax**: `[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   | n/a  | No  |"
+          "description": "The **`justify-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.\n\n**Syntax**: `[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   |   n/a   |   No   |  No  | No  |"
         },
         "left": {
           "$ref": "#/definitions/Property.Left%3C(string%7Cnumber)%3E",
@@ -21876,15 +21906,15 @@
         },
         "marginBlock": {
           "$ref": "#/definitions/Property.MarginBlock%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "marginBlockEnd": {
           "$ref": "#/definitions/Property.MarginBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41**  | **12.1** | **87** | No  |"
         },
         "marginBlockStart": {
           "$ref": "#/definitions/Property.MarginBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-block-start`** CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`margin-block-start`** CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41**  | **12.1** | **87** | No  |"
         },
         "marginBottom": {
           "$ref": "#/definitions/Property.MarginBottom%3C(string%7Cnumber)%3E",
@@ -21892,15 +21922,15 @@
         },
         "marginInline": {
           "$ref": "#/definitions/Property.MarginInline%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "marginInlineEnd": {
           "$ref": "#/definitions/Property.MarginInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n|          Chrome          |        Firefox        |          Safari          | Edge | IE  | | :----------------------: | :-------------------: | :----------------------: | :--: | :-: | |          **87**          |        **41**         |         **12.1**         | n/a  | No  | | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ |      |     |"
+          "description": "The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n|          Chrome          |        Firefox        |          Safari          |           Edge            | IE  | | :----------------------: | :-------------------: | :----------------------: | :-----------------------: | :-: | |          **87**          |        **41**         |         **12.1**         |          **87**           | No  | | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ | 79 _(-webkit-margin-end)_ |     |"
         },
         "marginInlineStart": {
           "$ref": "#/definitions/Property.MarginInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The **`margin-inline-start`** CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the `margin-top`, `margin-right`, `margin-bottom`, or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n|           Chrome           |         Firefox         |           Safari           | Edge | IE  | | :------------------------: | :---------------------: | :------------------------: | :--: | :-: | |           **87**           |         **41**          |          **12.1**          | n/a  | No  | | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ |      |     |"
+          "description": "The **`margin-inline-start`** CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the `margin-top`, `margin-right`, `margin-bottom`, or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n|           Chrome           |         Firefox         |           Safari           |            Edge             | IE  | | :------------------------: | :---------------------: | :------------------------: | :-------------------------: | :-: | |           **87**           |         **41**          |          **12.1**          |           **87**            | No  | | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ | 79 _(-webkit-margin-start)_ |     |"
         },
         "marginLeft": {
           "$ref": "#/definitions/Property.MarginLeft%3C(string%7Cnumber)%3E",
@@ -21920,27 +21950,27 @@
         },
         "maskBorderOutset": {
           "$ref": "#/definitions/Property.MaskBorderOutset%3C(string%7Cnumber)%3E",
-          "description": "The **`mask-border-outset`** CSS property specifies the distance by which an element's mask border is set out from its border box.\n\n**Syntax**: `[ <length> | <number> ]{1,4}`\n\n**Initial value**: `0`\n\n|                 Chrome                  | Firefox |                  Safari                   | Edge | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image-outset)_ |   No    | **3.1** _(-webkit-mask-box-image-outset)_ | n/a  | No  |"
+          "description": "The **`mask-border-outset`** CSS property specifies the distance by which an element's mask border is set out from its border box.\n\n**Syntax**: `[ <length> | <number> ]{1,4}`\n\n**Initial value**: `0`\n\n|                 Chrome                  | Firefox |                  Safari                   |                   Edge                   | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-outset)_ |   No    | **3.1** _(-webkit-mask-box-image-outset)_ | **79** _(-webkit-mask-box-image-outset)_ | No  |"
         },
         "maskBorderRepeat": {
           "$ref": "#/definitions/Property.MaskBorderRepeat",
-          "description": "The **`mask-border-repeat`** CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n|                 Chrome                  | Firefox |                  Safari                   | Edge | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ |   No    | **3.1** _(-webkit-mask-box-image-repeat)_ | n/a  | No  |"
+          "description": "The **`mask-border-repeat`** CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n|                 Chrome                  | Firefox |                  Safari                   |                   Edge                   | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ |   No    | **3.1** _(-webkit-mask-box-image-repeat)_ | **79** _(-webkit-mask-box-image-repeat)_ | No  |"
         },
         "maskBorderSlice": {
           "$ref": "#/definitions/Property.MaskBorderSlice",
-          "description": "The **`mask-border-slice`** CSS property divides the image set by `mask-border-source` into regions. These regions are used to form the components of an element's mask border.\n\n**Syntax**: `<number-percentage>{1,4} fill?`\n\n**Initial value**: `0`\n\n|                 Chrome                 | Firefox |                  Safari                  | Edge | IE  | | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image-slice)_ |   No    | **3.1** _(-webkit-mask-box-image-slice)_ | n/a  | No  |"
+          "description": "The **`mask-border-slice`** CSS property divides the image set by `mask-border-source` into regions. These regions are used to form the components of an element's mask border.\n\n**Syntax**: `<number-percentage>{1,4} fill?`\n\n**Initial value**: `0`\n\n|                 Chrome                 | Firefox |                  Safari                  |                  Edge                   | IE  | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-slice)_ |   No    | **3.1** _(-webkit-mask-box-image-slice)_ | **79** _(-webkit-mask-box-image-slice)_ | No  |"
         },
         "maskBorderSource": {
           "$ref": "#/definitions/Property.MaskBorderSource",
-          "description": "The **`mask-border-source`** CSS property sets the source image used to create an element's mask border.\n\n**Syntax**: `none | <image>`\n\n**Initial value**: `none`\n\n|                 Chrome                  | Firefox |                  Safari                   | Edge | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image-source)_ |   No    | **3.1** _(-webkit-mask-box-image-source)_ | n/a  | No  |"
+          "description": "The **`mask-border-source`** CSS property sets the source image used to create an element's mask border.\n\n**Syntax**: `none | <image>`\n\n**Initial value**: `none`\n\n|                 Chrome                  | Firefox |                  Safari                   |                   Edge                   | IE  | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-source)_ |   No    | **3.1** _(-webkit-mask-box-image-source)_ | **79** _(-webkit-mask-box-image-source)_ | No  |"
         },
         "maskBorderWidth": {
           "$ref": "#/definitions/Property.MaskBorderWidth%3C(string%7Cnumber)%3E",
-          "description": "The **`mask-border-width`** CSS property sets the width of an element's mask border.\n\n**Syntax**: `[ <length-percentage> | <number> | auto ]{1,4}`\n\n**Initial value**: `auto`\n\n|                 Chrome                 | Firefox |                  Safari                  | Edge | IE  | | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: | | **1** _(-webkit-mask-box-image-width)_ |   No    | **3.1** _(-webkit-mask-box-image-width)_ | n/a  | No  |"
+          "description": "The **`mask-border-width`** CSS property sets the width of an element's mask border.\n\n**Syntax**: `[ <length-percentage> | <number> | auto ]{1,4}`\n\n**Initial value**: `auto`\n\n|                 Chrome                 | Firefox |                  Safari                  |                  Edge                   | IE  | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-width)_ |   No    | **3.1** _(-webkit-mask-box-image-width)_ | **79** _(-webkit-mask-box-image-width)_ | No  |"
         },
         "maskClip": {
           "$ref": "#/definitions/Property.MaskClip",
-          "description": "The **`mask-clip`** CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.\n\n**Syntax**: `[ <geometry-box> | no-clip ]#`\n\n**Initial value**: `border-box`\n\n|   Chrome    | Firefox |  Safari  | Edge | IE  | | :---------: | :-----: | :------: | :--: | :-: | | **1** _-x-_ | **53**  | **15.4** | n/a  | No  | |             |         | 4 _-x-_  |      |     |"
+          "description": "The **`mask-clip`** CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.\n\n**Syntax**: `[ <geometry-box> | no-clip ]#`\n\n**Initial value**: `border-box`\n\n|   Chrome    | Firefox |  Safari  |     Edge     | IE  | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53**  | **15.4** | **79** _-x-_ | No  | |             |         | 4 _-x-_  |              |     |"
         },
         "maskComposite": {
           "$ref": "#/definitions/Property.MaskComposite",
@@ -21952,11 +21982,11 @@
         },
         "maskMode": {
           "$ref": "#/definitions/Property.MaskMode",
-          "description": "The **`mask-mode`** CSS property sets whether the mask reference defined by `mask-image` is treated as a luminance or alpha mask.\n\n**Syntax**: `<masking-mode>#`\n\n**Initial value**: `match-source`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |   No   | **53**  | **15.4** | n/a  | No  |"
+          "description": "The **`mask-mode`** CSS property sets whether the mask reference defined by `mask-image` is treated as a luminance or alpha mask.\n\n**Syntax**: `<masking-mode>#`\n\n**Initial value**: `match-source`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |   No   | **53**  | **15.4** |  No  | No  |"
         },
         "maskOrigin": {
           "$ref": "#/definitions/Property.MaskOrigin",
-          "description": "The **`mask-origin`** CSS property sets the origin of a mask.\n\n**Syntax**: `<geometry-box>#`\n\n**Initial value**: `border-box`\n\n|   Chrome    | Firefox |  Safari  | Edge | IE  | | :---------: | :-----: | :------: | :--: | :-: | | **1** _-x-_ | **53**  | **15.4** | n/a  | No  | |             |         | 4 _-x-_  |      |     |"
+          "description": "The **`mask-origin`** CSS property sets the origin of a mask.\n\n**Syntax**: `<geometry-box>#`\n\n**Initial value**: `border-box`\n\n|   Chrome    | Firefox |  Safari  |     Edge     | IE  | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53**  | **15.4** | **79** _-x-_ | No  | |             |         | 4 _-x-_  |              |     |"
         },
         "maskPosition": {
           "$ref": "#/definitions/Property.MaskPosition%3C(string%7Cnumber)%3E",
@@ -21972,23 +22002,15 @@
         },
         "maskType": {
           "$ref": "#/definitions/Property.MaskType",
-          "description": "The **`mask-type`** CSS property sets whether an SVG `<mask>` element is used as a _luminance_ or an _alpha_ mask. It applies to the `<mask>` element itself.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `luminance`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **24** | **35**  | **7**  | n/a  | No  |"
-        },
-        "mathDepth": {
-          "$ref": "#/definitions/Property.MathDepth",
-          "description": "The **`math-depth`** property describes a notion of _depth_ for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is `math`.\n\n**Syntax**: `auto-add | add(<integer>) | <integer>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |  n/a   |   n/a   |   No   | n/a  | No  |"
-        },
-        "mathShift": {
-          "$ref": "#/definitions/Property.MathShift",
-          "description": "The `math-shift` property indicates whether superscripts inside MathML formulas should be raised by a normal or compact shift.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |  n/a   |   No    |   No   | n/a  | No  |"
+          "description": "The **`mask-type`** CSS property sets whether an SVG `<mask>` element is used as a _luminance_ or an _alpha_ mask. It applies to the `<mask>` element itself.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `luminance`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **24** | **35**  | **7**  | **79** | No  |"
         },
         "mathStyle": {
           "$ref": "#/definitions/Property.MathStyle",
-          "description": "The `math-style` property indicates whether MathML equations should render with normal or compact height.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |  n/a   |   n/a   | **14.1** | n/a  | No  |"
+          "description": "The `math-style` property indicates whether MathML equations should render with normal or compact height.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |  n/a   |   n/a   | **14.1** |  No  | No  |"
         },
         "maxBlockSize": {
           "$ref": "#/definitions/Property.MaxBlockSize%3C(string%7Cnumber)%3E",
-          "description": "The **`max-block-size`** CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by `writing-mode`. That is, if the writing direction is horizontal, then `max-block-size` is equivalent to `max-height`; if the writing direction is vertical, `max-block-size` is the same as `max-width`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`max-block-size`** CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by `writing-mode`. That is, if the writing direction is horizontal, then `max-block-size` is equivalent to `max-height`; if the writing direction is vertical, `max-block-size` is the same as `max-width`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41**  | **12.1** | **79** | No  |"
         },
         "maxHeight": {
           "$ref": "#/definitions/Property.MaxHeight%3C(string%7Cnumber)%3E",
@@ -21996,7 +22018,7 @@
         },
         "maxInlineSize": {
           "$ref": "#/definitions/Property.MaxInlineSize%3C(string%7Cnumber)%3E",
-          "description": "The **`max-inline-size`** CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the `max-width` or the `max-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |   Safari   | Edge | IE  | | :----: | :-----: | :--------: | :--: | :-: | | **57** | **41**  |  **12.1**  | n/a  | No  | |        |         | 10.1 _-x-_ |      |     |"
+          "description": "The **`max-inline-size`** CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the `max-width` or the `max-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |   Safari   |  Edge  | IE  | | :----: | :-----: | :--------: | :----: | :-: | | **57** | **41**  |  **12.1**  | **79** | No  | |        |         | 10.1 _-x-_ |        |     |"
         },
         "maxLines": {
           "$ref": "#/definitions/Property.MaxLines",
@@ -22008,7 +22030,7 @@
         },
         "minBlockSize": {
           "$ref": "#/definitions/Property.MinBlockSize%3C(string%7Cnumber)%3E",
-          "description": "The **`min-block-size`** CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`min-block-size`** CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41**  | **12.1** | **79** | No  |"
         },
         "minHeight": {
           "$ref": "#/definitions/Property.MinHeight%3C(string%7Cnumber)%3E",
@@ -22016,7 +22038,7 @@
         },
         "minInlineSize": {
           "$ref": "#/definitions/Property.MinInlineSize%3C(string%7Cnumber)%3E",
-          "description": "The **`min-inline-size`** CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`min-inline-size`** CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41**  | **12.1** | **79** | No  |"
         },
         "minWidth": {
           "$ref": "#/definitions/Property.MinWidth%3C(string%7Cnumber)%3E",
@@ -22024,19 +22046,19 @@
         },
         "mixBlendMode": {
           "$ref": "#/definitions/Property.MixBlendMode",
-          "description": "The **`mix-blend-mode`** CSS property sets how an element's content should blend with the content of the element's parent and the element's background.\n\n**Syntax**: `<blend-mode> | plus-lighter`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **41** | **32**  | **8**  | n/a  | No  |"
+          "description": "The **`mix-blend-mode`** CSS property sets how an element's content should blend with the content of the element's parent and the element's background.\n\n**Syntax**: `<blend-mode> | plus-lighter`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **41** | **32**  | **8**  | **79** | No  |"
         },
         "motionDistance": {
           "$ref": "#/definitions/Property.OffsetDistance%3C(string%7Cnumber)%3E",
-          "description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n|         Chrome         | Firefox | Safari | Edge | IE  | | :--------------------: | :-----: | :----: | :--: | :-: | |         **55**         | **72**  |   No   | n/a  | No  | | 46 _(motion-distance)_ |         |        |      |     |"
+          "description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n|         Chrome         | Firefox | Safari |  Edge  | IE  | | :--------------------: | :-----: | :----: | :----: | :-: | |         **55**         | **72**  |   No   | **79** | No  | | 46 _(motion-distance)_ |         |        |        |     |"
         },
         "motionPath": {
           "$ref": "#/definitions/Property.OffsetPath",
-          "description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n|       Chrome       | Firefox |  Safari  | Edge | IE  | | :----------------: | :-----: | :------: | :--: | :-: | |       **55**       | **72**  | **15.4** | n/a  | No  | | 46 _(motion-path)_ |         |          |      |     |"
+          "description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n|       Chrome       | Firefox | Safari |  Edge  | IE  | | :----------------: | :-----: | :----: | :----: | :-: | |       **55**       | **72**  |   No   | **79** | No  | | 46 _(motion-path)_ |         |        |        |     |"
         },
         "motionRotation": {
           "$ref": "#/definitions/Property.OffsetRotate",
-          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari | Edge | IE  | | :--------------------: | :-----: | :----: | :--: | :-: | |         **56**         | **72**  |   No   | n/a  | No  | | 46 _(motion-rotation)_ |         |        |      |     |"
+          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari |  Edge  | IE  | | :--------------------: | :-----: | :----: | :----: | :-: | |         **56**         | **72**  |   No   | **79** | No  | | 46 _(motion-rotation)_ |         |        |        |     |"
         },
         "objectFit": {
           "$ref": "#/definitions/Property.ObjectFit",
@@ -22048,23 +22070,23 @@
         },
         "offsetAnchor": {
           "$ref": "#/definitions/Property.OffsetAnchor%3C(string%7Cnumber)%3E",
-          "description": "**Syntax**: `auto | <position>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **72**  |   No   | n/a  | No  |"
+          "description": "**Syntax**: `auto | <position>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **72**  |   No   |  No  | No  |"
         },
         "offsetDistance": {
           "$ref": "#/definitions/Property.OffsetDistance%3C(string%7Cnumber)%3E",
-          "description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n|         Chrome         | Firefox | Safari | Edge | IE  | | :--------------------: | :-----: | :----: | :--: | :-: | |         **55**         | **72**  |   No   | n/a  | No  | | 46 _(motion-distance)_ |         |        |      |     |"
+          "description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n|         Chrome         | Firefox | Safari |  Edge  | IE  | | :--------------------: | :-----: | :----: | :----: | :-: | |         **55**         | **72**  |   No   | **79** | No  | | 46 _(motion-distance)_ |         |        |        |     |"
         },
         "offsetPath": {
           "$ref": "#/definitions/Property.OffsetPath",
-          "description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n|       Chrome       | Firefox |  Safari  | Edge | IE  | | :----------------: | :-----: | :------: | :--: | :-: | |       **55**       | **72**  | **15.4** | n/a  | No  | | 46 _(motion-path)_ |         |          |      |     |"
+          "description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n|       Chrome       | Firefox | Safari |  Edge  | IE  | | :----------------: | :-----: | :----: | :----: | :-: | |       **55**       | **72**  |   No   | **79** | No  | | 46 _(motion-path)_ |         |        |        |     |"
         },
         "offsetRotate": {
           "$ref": "#/definitions/Property.OffsetRotate",
-          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari | Edge | IE  | | :--------------------: | :-----: | :----: | :--: | :-: | |         **56**         | **72**  |   No   | n/a  | No  | | 46 _(motion-rotation)_ |         |        |      |     |"
+          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari |  Edge  | IE  | | :--------------------: | :-----: | :----: | :----: | :-: | |         **56**         | **72**  |   No   | **79** | No  | | 46 _(motion-rotation)_ |         |        |        |     |"
         },
         "offsetRotation": {
           "$ref": "#/definitions/Property.OffsetRotate",
-          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari | Edge | IE  | | :--------------------: | :-----: | :----: | :--: | :-: | |         **56**         | **72**  |   No   | n/a  | No  | | 46 _(motion-rotation)_ |         |        |      |     |"
+          "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n|         Chrome         | Firefox | Safari |  Edge  | IE  | | :--------------------: | :-----: | :----: | :----: | :-: | |         **56**         | **72**  |   No   | **79** | No  | | 46 _(motion-rotation)_ |         |        |        |     |"
         },
         "order": {
           "$ref": "#/definitions/Property.Order",
@@ -22092,23 +22114,23 @@
         },
         "overflowAnchor": {
           "$ref": "#/definitions/Property.OverflowAnchor",
-          "description": "**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **56** | **66**  |   No   | n/a  | No  |"
+          "description": "**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **56** | **66**  |   No   | **79** | No  |"
         },
         "overflowBlock": {
           "$ref": "#/definitions/Property.OverflowBlock",
-          "description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **69**  |   No   | n/a  | No  |"
+          "description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **69**  |   No   |  No  | No  |"
         },
         "overflowClipBox": {
           "$ref": "#/definitions/Property.OverflowClipBox",
-          "description": "The **`overflow-clip-box`** CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the `overflow-clip-box-inline` and `overflow-clip-box-block` properties.\n\n**Syntax**: `padding-box | content-box`\n\n**Initial value**: `padding-box`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **29**  |   No   | n/a  | No  |"
+          "description": "The **`overflow-clip-box`** CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the `overflow-clip-box-inline` and `overflow-clip-box-block` properties.\n\n**Syntax**: `padding-box | content-box`\n\n**Initial value**: `padding-box`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **29**  |   No   |  No  | No  |"
         },
         "overflowClipMargin": {
           "$ref": "#/definitions/Property.OverflowClipMargin%3C(string%7Cnumber)%3E",
-          "description": "**Syntax**: `<visual-box> || <length [0,∞]>`\n\n**Initial value**: `0px`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **90** |   No    |   No   | n/a  | No  |"
+          "description": "**Syntax**: `<visual-box> || <length [0,∞]>`\n\n**Initial value**: `0px`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **90** |   No    |   No   | **90** | No  |"
         },
         "overflowInline": {
           "$ref": "#/definitions/Property.OverflowInline",
-          "description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **69**  |   No   | n/a  | No  |"
+          "description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **69**  |   No   |  No  | No  |"
         },
         "overflowWrap": {
           "$ref": "#/definitions/Property.OverflowWrap",
@@ -22124,31 +22146,31 @@
         },
         "overscrollBehaviorBlock": {
           "$ref": "#/definitions/Property.OverscrollBehaviorBlock",
-          "description": "The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **77** | **73**  | **16** | n/a  | No  |"
+          "description": "The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73**  |   No   | **79** | No  |"
         },
         "overscrollBehaviorInline": {
           "$ref": "#/definitions/Property.OverscrollBehaviorInline",
-          "description": "The **`overscroll-behavior-inline`** CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **77** | **73**  | **16** | n/a  | No  |"
+          "description": "The **`overscroll-behavior-inline`** CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73**  |   No   | **79** | No  |"
         },
         "overscrollBehaviorX": {
           "$ref": "#/definitions/Property.OverscrollBehaviorX",
-          "description": "The **`overscroll-behavior-x`** CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  | **16** | **18** | No  |"
+          "description": "The **`overscroll-behavior-x`** CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  |   No   | **18** | No  |"
         },
         "overscrollBehaviorY": {
           "$ref": "#/definitions/Property.OverscrollBehaviorY",
-          "description": "The **`overscroll-behavior-y`** CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  | **16** | **18** | No  |"
+          "description": "The **`overscroll-behavior-y`** CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59**  |   No   | **18** | No  |"
         },
         "paddingBlock": {
           "$ref": "#/definitions/Property.PaddingBlock%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "paddingBlockEnd": {
           "$ref": "#/definitions/Property.PaddingBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41**  | **12.1** | **87** | No  |"
         },
         "paddingBlockStart": {
           "$ref": "#/definitions/Property.PaddingBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-block-start`** CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **41**  | **12.1** | n/a  | No  |"
+          "description": "The **`padding-block-start`** CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41**  | **12.1** | **87** | No  |"
         },
         "paddingBottom": {
           "$ref": "#/definitions/Property.PaddingBottom%3C(string%7Cnumber)%3E",
@@ -22156,15 +22178,15 @@
         },
         "paddingInline": {
           "$ref": "#/definitions/Property.PaddingInline%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **66**  | **14.1** | n/a  | No  |"
+          "description": "The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66**  | **14.1** | **87** | No  |"
         },
         "paddingInlineEnd": {
           "$ref": "#/definitions/Property.PaddingInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n|          Chrome           |        Firefox         |          Safari           | Edge | IE  | | :-----------------------: | :--------------------: | :-----------------------: | :--: | :-: | |          **87**           |         **41**         |         **12.1**          | n/a  | No  | | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ |      |     |"
+          "description": "The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n|          Chrome           |        Firefox         |          Safari           |            Edge            | IE  | | :-----------------------: | :--------------------: | :-----------------------: | :------------------------: | :-: | |          **87**           |         **41**         |         **12.1**          |           **87**           | No  | | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ | 79 _(-webkit-padding-end)_ |     |"
         },
         "paddingInlineStart": {
           "$ref": "#/definitions/Property.PaddingInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n|           Chrome            |         Firefox          |           Safari            | Edge | IE  | | :-------------------------: | :----------------------: | :-------------------------: | :--: | :-: | |           **87**            |          **41**          |          **12.1**           | n/a  | No  | | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ |      |     |"
+          "description": "The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n|           Chrome            |         Firefox          |           Safari            |             Edge             | IE  | | :-------------------------: | :----------------------: | :-------------------------: | :--------------------------: | :-: | |           **87**            |          **41**          |          **12.1**           |            **87**            | No  | | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ | 79 _(-webkit-padding-start)_ |     |"
         },
         "paddingLeft": {
           "$ref": "#/definitions/Property.PaddingLeft%3C(string%7Cnumber)%3E",
@@ -22200,7 +22222,7 @@
         },
         "placeContent": {
           "$ref": "#/definitions/Property.PlaceContent",
-          "description": "The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.\n\n**Syntax**: `<'align-content'> <'justify-content'>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **59** | **45**  | **9**  | n/a  | No  |"
+          "description": "The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.\n\n**Syntax**: `<'align-content'> <'justify-content'>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45**  | **9**  | **79** | No  |"
         },
         "position": {
           "$ref": "#/definitions/Property.Position",
@@ -22216,7 +22238,7 @@
         },
         "resize": {
           "$ref": "#/definitions/Property.Resize",
-          "description": "The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions.\n\n**Syntax**: `none | both | horizontal | vertical | block | inline`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **1**  |  **4**  | **3**  | n/a  | No  |"
+          "description": "The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions.\n\n**Syntax**: `none | both | horizontal | vertical | block | inline`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **1**  |  **4**  | **3**  | **79** | No  |"
         },
         "right": {
           "$ref": "#/definitions/Property.Right%3C(string%7Cnumber)%3E",
@@ -22224,15 +22246,15 @@
         },
         "rotate": {
           "$ref": "#/definitions/Property.Rotate",
-          "description": "The **`rotate`** CSS property allows you to specify rotation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` property.\n\n**Syntax**: `none | <angle> | [ x | y | z | <number>{3} ] && <angle>`\n\n**Initial value**: `none`\n\n| Chrome  | Firefox |  Safari  | Edge | IE  | | :-----: | :-----: | :------: | :--: | :-: | | **104** | **72**  | **14.1** | n/a  | No  |"
+          "description": "The **`rotate`** CSS property allows you to specify rotation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` property.\n\n**Syntax**: `none | <angle> | [ x | y | z | <number>{3} ] && <angle>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |   No   | **72**  | **14.1** |  No  | No  |"
         },
         "rowGap": {
           "$ref": "#/definitions/Property.RowGap%3C(string%7Cnumber)%3E",
-          "description": "The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **47** | **52**  | **10.1** | **16** | No  |"
+          "description": "The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63**  | **14.1** | **84** | No  |\n\n---\n\n_Supported in Grid Layout_\n\n|       Chrome        |       Firefox       |        Safari         |  Edge  | IE  | | :-----------------: | :-----------------: | :-------------------: | :----: | :-: | |       **66**        |       **61**        |        **12**         | **16** | No  | | 57 _(grid-row-gap)_ | 52 _(grid-row-gap)_ | 10.1 _(grid-row-gap)_ |        |     |\n\n---"
         },
         "rubyAlign": {
           "$ref": "#/definitions/Property.RubyAlign",
-          "description": "The **`ruby-align`** CSS property defines the distribution of the different ruby elements over the base.\n\n**Syntax**: `start | center | space-between | space-around`\n\n**Initial value**: `space-around`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **38**  |   No   | n/a  | No  |"
+          "description": "The **`ruby-align`** CSS property defines the distribution of the different ruby elements over the base.\n\n**Syntax**: `start | center | space-between | space-around`\n\n**Initial value**: `space-around`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **38**  |   No   |  No  | No  |"
         },
         "rubyMerge": {
           "$ref": "#/definitions/Property.RubyMerge",
@@ -22244,127 +22266,127 @@
         },
         "scale": {
           "$ref": "#/definitions/Property.Scale",
-          "description": "The **`scale`** CSS property allows you to specify scale transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <number>{1,3}`\n\n**Initial value**: `none`\n\n| Chrome  | Firefox |  Safari  | Edge | IE  | | :-----: | :-----: | :------: | :--: | :-: | | **104** | **72**  | **14.1** | n/a  | No  |"
+          "description": "The **`scale`** CSS property allows you to specify scale transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <number>{1,3}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |   No   | **72**  | **14.1** |  No  | No  |"
         },
         "scrollBehavior": {
           "$ref": "#/definitions/Property.ScrollBehavior",
-          "description": "The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.\n\n**Syntax**: `auto | smooth`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **61** | **36**  | **15.4** | n/a  | No  |"
+          "description": "The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.\n\n**Syntax**: `auto | smooth`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **61** | **36**  | **15.4** | **79** | No  |"
         },
         "scrollMargin": {
           "$ref": "#/definitions/Property.ScrollMargin%3C(string%7Cnumber)%3E",
-          "description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |          Safari           | Edge | IE  | | :----: | :-----: | :-----------------------: | :--: | :-: | | **69** | **90**  |         **14.1**          | n/a  | No  | |        |         | 11 _(scroll-snap-margin)_ |      |     |"
+          "description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |          Safari           |  Edge  | IE  | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | **90**  |         **14.1**          | **79** | No  | |        |         | 11 _(scroll-snap-margin)_ |        |     |"
         },
         "scrollMarginBlock": {
           "$ref": "#/definitions/Property.ScrollMarginBlock%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginBlockEnd": {
           "$ref": "#/definitions/Property.ScrollMarginBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginBlockStart": {
           "$ref": "#/definitions/Property.ScrollMarginBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginBottom": {
           "$ref": "#/definitions/Property.ScrollMarginBottom%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |              Safari              | Edge | IE  | | :----: | :-----: | :------------------------------: | :--: | :-: | | **69** | **68**  |             **14.1**             | n/a  | No  | |        |         | 11 _(scroll-snap-margin-bottom)_ |      |     |"
+          "description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |              Safari              |  Edge  | IE  | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68**  |             **14.1**             | **79** | No  | |        |         | 11 _(scroll-snap-margin-bottom)_ |        |     |"
         },
         "scrollMarginInline": {
           "$ref": "#/definitions/Property.ScrollMarginInline%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginInlineEnd": {
           "$ref": "#/definitions/Property.ScrollMarginInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginInlineStart": {
           "$ref": "#/definitions/Property.ScrollMarginInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollMarginLeft": {
           "$ref": "#/definitions/Property.ScrollMarginLeft%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari             | Edge | IE  | | :----: | :-----: | :----------------------------: | :--: | :-: | | **69** | **68**  |            **14.1**            | n/a  | No  | |        |         | 11 _(scroll-snap-margin-left)_ |      |     |"
+          "description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari             |  Edge  | IE  | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68**  |            **14.1**            | **79** | No  | |        |         | 11 _(scroll-snap-margin-left)_ |        |     |"
         },
         "scrollMarginRight": {
           "$ref": "#/definitions/Property.ScrollMarginRight%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari              | Edge | IE  | | :----: | :-----: | :-----------------------------: | :--: | :-: | | **69** | **68**  |            **14.1**             | n/a  | No  | |        |         | 11 _(scroll-snap-margin-right)_ |      |     |"
+          "description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari              |  Edge  | IE  | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68**  |            **14.1**             | **79** | No  | |        |         | 11 _(scroll-snap-margin-right)_ |        |     |"
         },
         "scrollMarginTop": {
           "$ref": "#/definitions/Property.ScrollMarginTop%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |            Safari             | Edge | IE  | | :----: | :-----: | :---------------------------: | :--: | :-: | | **69** | **68**  |           **14.1**            | n/a  | No  | |        |         | 11 _(scroll-snap-margin-top)_ |      |     |"
+          "description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |            Safari             |  Edge  | IE  | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68**  |           **14.1**            | **79** | No  | |        |         | 11 _(scroll-snap-margin-top)_ |        |     |"
         },
         "scrollPadding": {
           "$ref": "#/definitions/Property.ScrollPadding%3C(string%7Cnumber)%3E",
-          "description": "The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollPaddingBlock": {
           "$ref": "#/definitions/Property.ScrollPaddingBlock%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingBlockEnd": {
           "$ref": "#/definitions/Property.ScrollPaddingBlockEnd%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingBlockStart": {
           "$ref": "#/definitions/Property.ScrollPaddingBlockStart%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingBottom": {
           "$ref": "#/definitions/Property.ScrollPaddingBottom%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-bottom` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-padding-bottom` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollPaddingInline": {
           "$ref": "#/definitions/Property.ScrollPaddingInline%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingInlineEnd": {
           "$ref": "#/definitions/Property.ScrollPaddingInlineEnd%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingInlineStart": {
           "$ref": "#/definitions/Property.ScrollPaddingInlineStart%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **15** | n/a  | No  |"
+          "description": "The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **15** | **79** | No  |"
         },
         "scrollPaddingLeft": {
           "$ref": "#/definitions/Property.ScrollPaddingLeft%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-left` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-padding-left` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollPaddingRight": {
           "$ref": "#/definitions/Property.ScrollPaddingRight%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-padding-right` property defines offsets for the right of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The `scroll-padding-right` property defines offsets for the right of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollPaddingTop": {
           "$ref": "#/definitions/Property.ScrollPaddingTop%3C(string%7Cnumber)%3E",
-          "description": "The **`scroll-padding-top`** property defines offsets for the top of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **69** | **68**  | **14.1** | n/a  | No  |"
+          "description": "The **`scroll-padding-top`** property defines offsets for the top of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68**  | **14.1** | **79** | No  |"
         },
         "scrollSnapAlign": {
           "$ref": "#/definitions/Property.ScrollSnapAlign",
-          "description": "The `scroll-snap-align` property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.\n\n**Syntax**: `[ none | start | end | center ]{1,2}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **69** | **68**  | **11** | n/a  | No  |"
+          "description": "The `scroll-snap-align` property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.\n\n**Syntax**: `[ none | start | end | center ]{1,2}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68**  | **11** | **79** | No  |"
         },
         "scrollSnapMargin": {
           "$ref": "#/definitions/Property.ScrollMargin%3C(string%7Cnumber)%3E",
-          "description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |          Safari           | Edge | IE  | | :----: | :-----: | :-----------------------: | :--: | :-: | | **69** |  68-90  |         **14.1**          | n/a  | No  | |        |         | 11 _(scroll-snap-margin)_ |      |     |"
+          "description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |          Safari           |  Edge  | IE  | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** |  68-90  |         **14.1**          | **79** | No  | |        |         | 11 _(scroll-snap-margin)_ |        |     |"
         },
         "scrollSnapMarginBottom": {
           "$ref": "#/definitions/Property.ScrollMarginBottom%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |              Safari              | Edge | IE  | | :----: | :-----: | :------------------------------: | :--: | :-: | | **69** | **68**  |             **14.1**             | n/a  | No  | |        |         | 11 _(scroll-snap-margin-bottom)_ |      |     |"
+          "description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |              Safari              |  Edge  | IE  | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68**  |             **14.1**             | **79** | No  | |        |         | 11 _(scroll-snap-margin-bottom)_ |        |     |"
         },
         "scrollSnapMarginLeft": {
           "$ref": "#/definitions/Property.ScrollMarginLeft%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari             | Edge | IE  | | :----: | :-----: | :----------------------------: | :--: | :-: | | **69** | **68**  |            **14.1**            | n/a  | No  | |        |         | 11 _(scroll-snap-margin-left)_ |      |     |"
+          "description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari             |  Edge  | IE  | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68**  |            **14.1**            | **79** | No  | |        |         | 11 _(scroll-snap-margin-left)_ |        |     |"
         },
         "scrollSnapMarginRight": {
           "$ref": "#/definitions/Property.ScrollMarginRight%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari              | Edge | IE  | | :----: | :-----: | :-----------------------------: | :--: | :-: | | **69** | **68**  |            **14.1**             | n/a  | No  | |        |         | 11 _(scroll-snap-margin-right)_ |      |     |"
+          "description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |             Safari              |  Edge  | IE  | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68**  |            **14.1**             | **79** | No  | |        |         | 11 _(scroll-snap-margin-right)_ |        |     |"
         },
         "scrollSnapMarginTop": {
           "$ref": "#/definitions/Property.ScrollMarginTop%3C(string%7Cnumber)%3E",
-          "description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |            Safari             | Edge | IE  | | :----: | :-----: | :---------------------------: | :--: | :-: | | **69** | **68**  |           **14.1**            | n/a  | No  | |        |         | 11 _(scroll-snap-margin-top)_ |      |     |"
+          "description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |            Safari             |  Edge  | IE  | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68**  |           **14.1**            | **79** | No  | |        |         | 11 _(scroll-snap-margin-top)_ |        |     |"
         },
         "scrollSnapStop": {
           "$ref": "#/definitions/Property.ScrollSnapStop",
-          "description": "The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions.\n\n**Syntax**: `normal | always`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **75** | **103** | **15** | n/a  | No  |"
+          "description": "The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions.\n\n**Syntax**: `normal | always`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **75** |   No    | **15** | **79** | No  |"
         },
         "scrollSnapType": {
           "$ref": "#/definitions/Property.ScrollSnapType",
@@ -22372,31 +22394,31 @@
         },
         "scrollbarColor": {
           "$ref": "#/definitions/Property.ScrollbarColor",
-          "description": "The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.\n\n**Syntax**: `auto | <color>{2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **64**  |   No   | n/a  | No  |"
+          "description": "The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.\n\n**Syntax**: `auto | <color>{2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **64**  |   No   |  No  | No  |"
         },
         "scrollbarGutter": {
           "$ref": "#/definitions/Property.ScrollbarGutter",
-          "description": "The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.\n\n**Syntax**: `auto | stable && both-edges?`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **94** | **97**  |   No   | n/a  | No  |"
+          "description": "The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.\n\n**Syntax**: `auto | stable && both-edges?`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **94** | **97**  |   No   | **94** | No  |"
         },
         "scrollbarWidth": {
           "$ref": "#/definitions/Property.ScrollbarWidth",
-          "description": "The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.\n\n**Syntax**: `auto | thin | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **64**  |   No   | n/a  | No  |"
+          "description": "The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.\n\n**Syntax**: `auto | thin | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | |   No   | **64**  |   No   |  No  | No  |"
         },
         "shapeImageThreshold": {
           "$ref": "#/definitions/Property.ShapeImageThreshold",
-          "description": "The **`shape-image-threshold`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for `shape-outside`.\n\n**Syntax**: `<alpha-value>`\n\n**Initial value**: `0.0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **37** | **62**  | **10.1** | n/a  | No  |"
+          "description": "The **`shape-image-threshold`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for `shape-outside`.\n\n**Syntax**: `<alpha-value>`\n\n**Initial value**: `0.0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62**  | **10.1** | **79** | No  |"
         },
         "shapeMargin": {
           "$ref": "#/definitions/Property.ShapeMargin%3C(string%7Cnumber)%3E",
-          "description": "The **`shape-margin`** CSS property sets a margin for a CSS shape created using `shape-outside`.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **37** | **62**  | **10.1** | n/a  | No  |"
+          "description": "The **`shape-margin`** CSS property sets a margin for a CSS shape created using `shape-outside`.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62**  | **10.1** | **79** | No  |"
         },
         "shapeOutside": {
           "$ref": "#/definitions/Property.ShapeOutside",
-          "description": "The **`shape-outside`** CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; `shape-outside` provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.\n\n**Syntax**: `none | [ <shape-box> || <basic-shape> ] | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **37** | **62**  | **10.1** | n/a  | No  |"
+          "description": "The **`shape-outside`** CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; `shape-outside` provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.\n\n**Syntax**: `none | [ <shape-box> || <basic-shape> ] | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62**  | **10.1** | **79** | No  |"
         },
         "tabSize": {
           "$ref": "#/definitions/Property.TabSize%3C(string%7Cnumber)%3E",
-          "description": "The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).\n\n**Syntax**: `<integer> | <length>`\n\n**Initial value**: `8`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **21** | **91**  | **7**  | n/a  | No  | |        | 4 _-x-_ |        |      |     |"
+          "description": "The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).\n\n**Syntax**: `<integer> | <length>`\n\n**Initial value**: `8`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **21** | **91**  | **7**  | **79** | No  | |        | 4 _-x-_ |        |        |     |"
         },
         "tableLayout": {
           "$ref": "#/definitions/Property.TableLayout",
@@ -22408,7 +22430,7 @@
         },
         "textAlignLast": {
           "$ref": "#/definitions/Property.TextAlignLast",
-          "description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  |   IE    | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49**  | **16** | **12** | **5.5** |"
+          "description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |  Edge  |   IE    | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49**  |   No   | **12** | **5.5** |"
         },
         "textCombineUpright": {
           "$ref": "#/definitions/Property.TextCombineUpright",
@@ -22416,39 +22438,43 @@
         },
         "textDecorationColor": {
           "$ref": "#/definitions/Property.TextDecorationColor",
-          "description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **36**  | **12.1** | n/a  | No  | |        |         | 8 _-x-_  |      |     |"
+          "description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36**  | **12.1** | **79** | No  | |        |         | 8 _-x-_  |        |     |"
         },
         "textDecorationLine": {
           "$ref": "#/definitions/Property.TextDecorationLine",
-          "description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **36**  | **12.1** | n/a  | No  | |        |         | 8 _-x-_  |      |     |"
+          "description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36**  | **12.1** | **79** | No  | |        |         | 8 _-x-_  |        |     |"
         },
         "textDecorationSkip": {
           "$ref": "#/definitions/Property.TextDecorationSkip",
-          "description": "The **`text-decoration-skip`** CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.\n\n**Syntax**: `none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]`\n\n**Initial value**: `objects`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | 57-64  |   No    | **12.1** | n/a  | No  | |        |         | 7 _-x-_  |      |     |"
+          "description": "The **`text-decoration-skip`** CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.\n\n**Syntax**: `none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]`\n\n**Initial value**: `objects`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | 57-64  |   No    | **12.1** |  No  | No  | |        |         | 7 _-x-_  |      |     |"
         },
         "textDecorationSkipInk": {
           "$ref": "#/definitions/Property.TextDecorationSkipInk",
-          "description": "The **`text-decoration-skip-ink`** CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.\n\n**Syntax**: `auto | all | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **64** | **70**  | **15.4** | n/a  | No  |"
+          "description": "The **`text-decoration-skip-ink`** CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.\n\n**Syntax**: `auto | all | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **64** | **70**  | **15.4** | **79** | No  |"
         },
         "textDecorationStyle": {
           "$ref": "#/definitions/Property.TextDecorationStyle",
-          "description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **57** | **36**  | **12.1** | n/a  | No  | |        |         | 8 _-x-_  |      |     |"
+          "description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36**  | **12.1** | **79** | No  | |        |         | 8 _-x-_  |        |     |"
         },
         "textDecorationThickness": {
           "$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E",
-          "description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **89** | **70**  | **12.1** | n/a  | No  |"
+          "description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **89** | **70**  | **12.1** | **89** | No  |"
+        },
+        "textDecorationWidth": {
+          "$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E",
+          "description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge  | IE  | | :----: | :-----: | :------: | :---: | :-: | | 87-89  | **70**  | **12.1** | 87-89 | No  |"
         },
         "textEmphasisColor": {
           "$ref": "#/definitions/Property.TextEmphasisColor",
-          "description": "The **`text-emphasis-color`** CSS property sets the color of emphasis marks. This value can also be set using the `text-emphasis` shorthand.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n|  Chrome  | Firefox | Safari | Edge | IE  | | :------: | :-----: | :----: | :--: | :-: | |  **99**  | **46**  | **7**  | n/a  | No  | | 25 _-x-_ |         |        |      |     |"
+          "description": "The **`text-emphasis-color`** CSS property sets the color of emphasis marks. This value can also be set using the `text-emphasis` shorthand.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n|  Chrome  | Firefox | Safari |   Edge   | IE  | | :------: | :-----: | :----: | :------: | :-: | |  **99**  | **46**  | **7**  |  **99**  | No  | | 25 _-x-_ |         |        | 79 _-x-_ |     |"
         },
         "textEmphasisPosition": {
           "$ref": "#/definitions/Property.TextEmphasisPosition",
-          "description": "The **`text-emphasis-position`** CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.\n\n**Syntax**: `[ over | under ] && [ right | left ]`\n\n**Initial value**: `over right`\n\n|  Chrome  | Firefox | Safari | Edge | IE  | | :------: | :-----: | :----: | :--: | :-: | |  **99**  | **46**  | **7**  | n/a  | No  | | 25 _-x-_ |         |        |      |     |"
+          "description": "The **`text-emphasis-position`** CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.\n\n**Syntax**: `[ over | under ] && [ right | left ]`\n\n**Initial value**: `over right`\n\n|  Chrome  | Firefox | Safari |   Edge   | IE  | | :------: | :-----: | :----: | :------: | :-: | |  **99**  | **46**  | **7**  |  **99**  | No  | | 25 _-x-_ |         |        | 79 _-x-_ |     |"
         },
         "textEmphasisStyle": {
           "$ref": "#/definitions/Property.TextEmphasisStyle",
-          "description": "The **`text-emphasis-style`** CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the `text-emphasis` shorthand.\n\n**Syntax**: `none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>`\n\n**Initial value**: `none`\n\n|  Chrome  | Firefox | Safari | Edge | IE  | | :------: | :-----: | :----: | :--: | :-: | |  **99**  | **46**  | **7**  | n/a  | No  | | 25 _-x-_ |         |        |      |     |"
+          "description": "The **`text-emphasis-style`** CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the `text-emphasis` shorthand.\n\n**Syntax**: `none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>`\n\n**Initial value**: `none`\n\n|  Chrome  | Firefox | Safari |   Edge   | IE  | | :------: | :-----: | :----: | :------: | :-: | |  **99**  | **46**  | **7**  |  **99**  | No  | | 25 _-x-_ |         |        | 79 _-x-_ |     |"
         },
         "textIndent": {
           "$ref": "#/definitions/Property.TextIndent%3C(string%7Cnumber)%3E",
@@ -22460,7 +22486,7 @@
         },
         "textOrientation": {
           "$ref": "#/definitions/Property.TextOrientation",
-          "description": "The **`text-orientation`** CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when `writing-mode` is not `horizontal-tb`). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.\n\n**Syntax**: `mixed | upright | sideways`\n\n**Initial value**: `mixed`\n\n|  Chrome  | Firefox |  Safari   | Edge | IE  | | :------: | :-----: | :-------: | :--: | :-: | |  **48**  | **41**  |  **14**   | n/a  | No  | | 11 _-x-_ |         | 5.1 _-x-_ |      |     |"
+          "description": "The **`text-orientation`** CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when `writing-mode` is not `horizontal-tb`). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.\n\n**Syntax**: `mixed | upright | sideways`\n\n**Initial value**: `mixed`\n\n|  Chrome  | Firefox |  Safari   |  Edge  | IE  | | :------: | :-----: | :-------: | :----: | :-: | |  **48**  | **41**  |  **14**   | **79** | No  | | 11 _-x-_ |         | 5.1 _-x-_ |        |     |"
         },
         "textOverflow": {
           "$ref": "#/definitions/Property.TextOverflow",
@@ -22480,7 +22506,7 @@
         },
         "textUnderlineOffset": {
           "$ref": "#/definitions/Property.TextUnderlineOffset%3C(string%7Cnumber)%3E",
-          "description": "The **`text-underline-offset`** CSS property sets the offset distance of an underline text decoration line (applied using `text-decoration`) from its original position.\n\n**Syntax**: `auto | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | | **87** | **70**  | **12.1** | n/a  | No  |"
+          "description": "The **`text-underline-offset`** CSS property sets the offset distance of an underline text decoration line (applied using `text-decoration`) from its original position.\n\n**Syntax**: `auto | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  | | :----: | :-----: | :------: | :----: | :-: | | **87** | **70**  | **12.1** | **87** | No  |"
         },
         "textUnderlinePosition": {
           "$ref": "#/definitions/Property.TextUnderlinePosition",
@@ -22500,7 +22526,7 @@
         },
         "transformBox": {
           "$ref": "#/definitions/Property.TransformBox",
-          "description": "The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.\n\n**Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`\n\n**Initial value**: `view-box`\n\n| Chrome | Firefox | Safari | Edge | IE  | | :----: | :-----: | :----: | :--: | :-: | | **64** | **55**  | **11** | n/a  | No  |"
+          "description": "The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.\n\n**Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`\n\n**Initial value**: `view-box`\n\n| Chrome | Firefox | Safari |  Edge  | IE  | | :----: | :-----: | :----: | :----: | :-: | | **64** | **55**  | **11** | **79** | No  |"
         },
         "transformOrigin": {
           "$ref": "#/definitions/Property.TransformOrigin%3C(string%7Cnumber)%3E",
@@ -22528,7 +22554,7 @@
         },
         "translate": {
           "$ref": "#/definitions/Property.Translate%3C(string%7Cnumber)%3E",
-          "description": "The **`translate`** CSS property allows you to specify translation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <length-percentage> [ <length-percentage> <length>? ]?`\n\n**Initial value**: `none`\n\n| Chrome  | Firefox |  Safari  | Edge | IE  | | :-----: | :-----: | :------: | :--: | :-: | | **104** | **72**  | **14.1** | n/a  | No  |"
+          "description": "The **`translate`** CSS property allows you to specify translation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <length-percentage> [ <length-percentage> <length>? ]?`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |  Safari  | Edge | IE  | | :----: | :-----: | :------: | :--: | :-: | |   No   | **72**  | **14.1** |  No  | No  |"
         },
         "userSelect": {
           "$ref": "#/definitions/Property.UserSelect",
@@ -22548,7 +22574,7 @@
         },
         "willChange": {
           "$ref": "#/definitions/Property.WillChange",
-          "description": "The **`will-change`** CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.\n\n**Syntax**: `auto | <animateable-feature>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari  | Edge | IE  | | :----: | :-----: | :-----: | :--: | :-: | | **36** | **36**  | **9.1** | n/a  | No  |"
+          "description": "The **`will-change`** CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.\n\n**Syntax**: `auto | <animateable-feature>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari  |  Edge  | IE  | | :----: | :-----: | :-----: | :----: | :-: | | **36** | **36**  | **9.1** | **79** | No  |"
         },
         "wordBreak": {
           "$ref": "#/definitions/Property.WordBreak",
@@ -25019,6 +25045,16 @@
         }
       ]
     },
+    "Property.MsScrollbarTrackColor": {
+      "anyOf": [
+        {
+          "$ref": "#/definitions/Globals"
+        },
+        {
+          "$ref": "#/definitions/DataType.Color"
+        }
+      ]
+    },
     "Property.LineBreak": {
       "anyOf": [
         {
@@ -26982,6 +27018,23 @@
         }
       ]
     },
+    "Property.ColumnGap<(string|number)>": {
+      "anyOf": [
+        {
+          "$ref": "#/definitions/Globals"
+        },
+        {
+          "type": "string"
+        },
+        {
+          "type": "number"
+        },
+        {
+          "type": "string",
+          "const": "normal"
+        }
+      ]
+    },
     "Property.ColumnRuleColor": {
       "anyOf": [
         {
@@ -27442,6 +27495,47 @@
         }
       ]
     },
+    "Property.AlignSelf": {
+      "anyOf": [
+        {
+          "$ref": "#/definitions/Globals"
+        },
+        {
+          "$ref": "#/definitions/DataType.SelfPosition"
+        },
+        {
+          "type": "string",
+          "const": "auto"
+        },
+        {
+          "type": "string",
+          "const": "baseline"
+        },
+        {
+          "type": "string",
+          "const": "normal"
+        },
+        {
+          "type": "string",
+          "const": "stretch"
+        },
+        {
+          "type": "string"
+        }
+      ]
+    },
+    "DataType.SelfPosition": {
+      "type": "string",
+      "enum": [
+        "center",
+        "end",
+        "flex-end",
+        "flex-start",
+        "self-end",
+        "self-start",
+        "start"
+      ]
+    },
     "Property.MsBlockProgression": {
       "anyOf": [
         {
@@ -27751,6 +27845,43 @@
         }
       ]
     },
+    "Property.JustifySelf": {
+      "anyOf": [
+        {
+          "$ref": "#/definitions/Globals"
+        },
+        {
+          "$ref": "#/definitions/DataType.SelfPosition"
+        },
+        {
+          "type": "string",
+          "const": "auto"
+        },
+        {
+          "type": "string",
+          "const": "baseline"
+        },
+        {
+          "type": "string",
+          "const": "left"
+        },
+        {
+          "type": "string",
+          "const": "normal"
+        },
+        {
+          "type": "string",
+          "const": "right"
+        },
+        {
+          "type": "string",
+          "const": "stretch"
+        },
+        {
+          "type": "string"
+        }
+      ]
+    },
     "Property.Order": {
       "anyOf": [
         {
@@ -28063,16 +28194,6 @@
         }
       ]
     },
-    "Property.MsScrollbarTrackColor": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "$ref": "#/definitions/DataType.Color"
-        }
-      ]
-    },
     "Property.MsTextAutospace": {
       "anyOf": [
         {
@@ -28364,47 +28485,6 @@
         }
       ]
     },
-    "DataType.SelfPosition": {
-      "type": "string",
-      "enum": [
-        "center",
-        "end",
-        "flex-end",
-        "flex-start",
-        "self-end",
-        "self-start",
-        "start"
-      ]
-    },
-    "Property.AlignSelf": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "$ref": "#/definitions/DataType.SelfPosition"
-        },
-        {
-          "type": "string",
-          "const": "auto"
-        },
-        {
-          "type": "string",
-          "const": "baseline"
-        },
-        {
-          "type": "string",
-          "const": "normal"
-        },
-        {
-          "type": "string",
-          "const": "stretch"
-        },
-        {
-          "type": "string"
-        }
-      ]
-    },
     "Property.WebkitAppearance": {
       "anyOf": [
         {
@@ -30289,16 +30369,6 @@
         }
       ]
     },
-    "Property.AnimationComposition": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "type": "string"
-        }
-      ]
-    },
     "Property.AnimationTimeline": {
       "anyOf": [
         {
@@ -30369,9 +30439,6 @@
         },
         {
           "type": "string"
-        },
-        {
-          "type": "number"
         }
       ]
     },
@@ -31262,23 +31329,6 @@
         }
       ]
     },
-    "Property.ColumnGap<(string|number)>": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "type": "string"
-        },
-        {
-          "type": "number"
-        },
-        {
-          "type": "string",
-          "const": "normal"
-        }
-      ]
-    },
     "Property.Contain": {
       "anyOf": [
         {
@@ -31288,10 +31338,6 @@
           "type": "string",
           "const": "content"
         },
-        {
-          "type": "string",
-          "const": "inline-size"
-        },
         {
           "type": "string",
           "const": "layout"
@@ -32061,43 +32107,6 @@
         }
       ]
     },
-    "Property.JustifySelf": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "$ref": "#/definitions/DataType.SelfPosition"
-        },
-        {
-          "type": "string",
-          "const": "auto"
-        },
-        {
-          "type": "string",
-          "const": "baseline"
-        },
-        {
-          "type": "string",
-          "const": "left"
-        },
-        {
-          "type": "string",
-          "const": "normal"
-        },
-        {
-          "type": "string",
-          "const": "right"
-        },
-        {
-          "type": "string",
-          "const": "stretch"
-        },
-        {
-          "type": "string"
-        }
-      ]
-    },
     "Property.JustifyTracks": {
       "anyOf": [
         {
@@ -32474,38 +32483,6 @@
         }
       ]
     },
-    "Property.MathDepth": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "type": "string",
-          "const": "auto-add"
-        },
-        {
-          "type": "string"
-        },
-        {
-          "type": "number"
-        }
-      ]
-    },
-    "Property.MathShift": {
-      "anyOf": [
-        {
-          "$ref": "#/definitions/Globals"
-        },
-        {
-          "type": "string",
-          "const": "compact"
-        },
-        {
-          "type": "string",
-          "const": "normal"
-        }
-      ]
-    },
     "Property.MathStyle": {
       "anyOf": [
         {