@cassida/compiler 0.1.0

package/dist/generated-property-specs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated-property-specs.d.ts","sourceRoot":"","sources":["../src/generated-property-specs.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ce,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,OAAO,sBAAsB,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,MAAM,gBAAgB,CAAC"}

package/dist/generated-property-specs.js

@@ -0,0 +1,472 @@
+// AUTO-GENERATED by scripts/generate-property-specs.ts. DO NOT EDIT BY HAND.
+// Source: mdn-data/css/properties.json
+// Run `pnpm codegen` from packages/compiler to regenerate.
+//
+// Filter: status === 'standard', no vendor prefix, no blacklisted shorthand.
+// Surviving entries: 462
+// Skipped: 201 (see codegen script for filter rules).
+export const generatedPropertySpecs = {
+    accentColor: { property: 'accent-color', syntax: 'auto | <color>', initialValue: 'auto', animatable: true, inherits: true },
+    alignContent: { property: 'align-content', syntax: 'normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>', initialValue: 'normal', animatable: false, inherits: false },
+    alignItems: { property: 'align-items', syntax: 'normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center', initialValue: 'normal', animatable: false, inherits: false },
+    alignSelf: { property: 'align-self', syntax: 'auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center', initialValue: 'auto', animatable: false, inherits: false },
+    alignmentBaseline: { property: 'alignment-baseline', syntax: 'baseline | alphabetic | ideographic | middle | central | mathematical | text-before-edge | text-after-edge', initialValue: 'baseline', animatable: false, inherits: false },
+    animationComposition: { property: 'animation-composition', syntax: '<single-animation-composition>#', initialValue: 'replace', animatable: true, inherits: false },
+    animationDelay: { property: 'animation-delay', syntax: '<time>#', initialValue: '0s', animatable: true, inherits: false },
+    animationDirection: { property: 'animation-direction', syntax: '<single-animation-direction>#', initialValue: 'normal', animatable: true, inherits: false },
+    animationDuration: { property: 'animation-duration', syntax: '[ auto | <time [0s,∞]> ]#', initialValue: '0s', animatable: true, inherits: false },
+    animationFillMode: { property: 'animation-fill-mode', syntax: '<single-animation-fill-mode>#', initialValue: 'none', animatable: true, inherits: false },
+    animationIterationCount: { property: 'animation-iteration-count', syntax: '<single-animation-iteration-count>#', initialValue: '1', animatable: true, inherits: false },
+    animationName: { property: 'animation-name', syntax: '[ none | <keyframes-name> ]#', initialValue: 'none', animatable: true, inherits: false },
+    animationPlayState: { property: 'animation-play-state', syntax: '<single-animation-play-state>#', initialValue: 'running', animatable: true, inherits: false },
+    animationTimingFunction: { property: 'animation-timing-function', syntax: '<easing-function>#', initialValue: 'ease', animatable: true, inherits: false },
+    animationTrigger: { property: 'animation-trigger', syntax: '[ none | [ <dashed-ident> <animation-action>+ ]+ ]#', initialValue: 'none', animatable: true, inherits: false },
+    appearance: { property: 'appearance', syntax: 'none | auto | <compat-auto> | <compat-special>', initialValue: 'none', animatable: false, inherits: false },
+    aspectRatio: { property: 'aspect-ratio', syntax: 'auto || <ratio>', initialValue: 'auto', animatable: true, inherits: false },
+    backdropFilter: { property: 'backdrop-filter', syntax: 'none | <filter-value-list>', initialValue: 'none', animatable: true, inherits: false },
+    backfaceVisibility: { property: 'backface-visibility', syntax: 'visible | hidden', initialValue: 'visible', animatable: false, inherits: false },
+    backgroundAttachment: { property: 'background-attachment', syntax: '<attachment>#', initialValue: 'scroll', animatable: false, inherits: false },
+    backgroundBlendMode: { property: 'background-blend-mode', syntax: '<blend-mode>#', initialValue: 'normal', animatable: true, inherits: false },
+    backgroundClip: { property: 'background-clip', syntax: '<bg-clip>#', initialValue: 'border-box', animatable: true, inherits: false },
+    backgroundColor: { property: 'background-color', syntax: '<color>', initialValue: 'transparent', animatable: true, inherits: false },
+    backgroundImage: { property: 'background-image', syntax: '<bg-image>#', initialValue: 'none', animatable: false, inherits: false },
+    backgroundOrigin: { property: 'background-origin', syntax: '<visual-box>#', initialValue: 'padding-box', animatable: true, inherits: false },
+    backgroundPosition: { property: 'background-position', syntax: '<bg-position>#', initialValue: '0% 0%', animatable: true, inherits: false },
+    backgroundPositionX: { property: 'background-position-x', syntax: '[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#', initialValue: '0%', animatable: true, inherits: false },
+    backgroundPositionY: { property: 'background-position-y', syntax: '[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#', initialValue: '0%', animatable: true, inherits: false },
+    backgroundRepeat: { property: 'background-repeat', syntax: '<repeat-style>#', initialValue: 'repeat', animatable: false, inherits: false },
+    backgroundSize: { property: 'background-size', syntax: '<bg-size>#', initialValue: 'auto auto', animatable: true, inherits: false },
+    baselineShift: { property: 'baseline-shift', syntax: '<length-percentage> | sub | super | baseline', initialValue: '0', animatable: true, inherits: false },
+    baselineSource: { property: 'baseline-source', syntax: 'auto | first | last', initialValue: 'auto', animatable: false, inherits: false },
+    blockSize: { property: 'block-size', syntax: '<\'width\'>', initialValue: 'auto', animatable: true, inherits: false },
+    borderBlock: { property: 'border-block', syntax: '<\'border-block-start\'>', animatable: true, inherits: false },
+    borderBlockColor: { property: 'border-block-color', syntax: '<\'border-top-color\'>{1,2}', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderBlockEnd: { property: 'border-block-end', syntax: '<\'border-top-width\'> || <\'border-top-style\'> || <color>', animatable: true, inherits: false },
+    borderBlockEndColor: { property: 'border-block-end-color', syntax: '<\'border-top-color\'>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderBlockEndStyle: { property: 'border-block-end-style', syntax: '<\'border-top-style\'>', initialValue: 'none', animatable: false, inherits: false },
+    borderBlockEndWidth: { property: 'border-block-end-width', syntax: '<\'border-top-width\'>', initialValue: 'medium', animatable: true, inherits: false },
+    borderBlockStart: { property: 'border-block-start', syntax: '<\'border-top-width\'> || <\'border-top-style\'> || <color>', animatable: true, inherits: false },
+    borderBlockStartColor: { property: 'border-block-start-color', syntax: '<\'border-top-color\'>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderBlockStartStyle: { property: 'border-block-start-style', syntax: '<\'border-top-style\'>', initialValue: 'none', animatable: false, inherits: false },
+    borderBlockStartWidth: { property: 'border-block-start-width', syntax: '<\'border-top-width\'>', initialValue: 'medium', animatable: true, inherits: false },
+    borderBlockStyle: { property: 'border-block-style', syntax: '<\'border-top-style\'>{1,2}', initialValue: 'none', animatable: false, inherits: false },
+    borderBlockWidth: { property: 'border-block-width', syntax: '<\'border-top-width\'>{1,2}', initialValue: 'medium', animatable: true, inherits: false },
+    borderBottom: { property: 'border-bottom', syntax: '<line-width> || <line-style> || <color>', animatable: true, inherits: false },
+    borderBottomColor: { property: 'border-bottom-color', syntax: '<\'border-top-color\'>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderBottomLeftRadius: { property: 'border-bottom-left-radius', syntax: '<length-percentage [0,∞]>{1,2}', initialValue: '0', animatable: true, inherits: false },
+    borderBottomRightRadius: { property: 'border-bottom-right-radius', syntax: '<length-percentage [0,∞]>{1,2}', initialValue: '0', animatable: true, inherits: false },
+    borderBottomStyle: { property: 'border-bottom-style', syntax: '<line-style>', initialValue: 'none', animatable: false, inherits: false },
+    borderBottomWidth: { property: 'border-bottom-width', syntax: '<line-width>', initialValue: 'medium', animatable: true, inherits: false },
+    borderCollapse: { property: 'border-collapse', syntax: 'separate | collapse', initialValue: 'separate', animatable: false, inherits: true },
+    borderColor: { property: 'border-color', syntax: '<color>{1,4}', animatable: true, inherits: false },
+    borderEndEndRadius: { property: 'border-end-end-radius', syntax: '<\'border-top-left-radius\'>', initialValue: '0', animatable: true, inherits: false },
+    borderEndStartRadius: { property: 'border-end-start-radius', syntax: '<\'border-top-left-radius\'>', initialValue: '0', animatable: true, inherits: false },
+    borderImage: { property: 'border-image', syntax: '<\'border-image-source\'> || <\'border-image-slice\'> [ / <\'border-image-width\'> | / <\'border-image-width\'>? / <\'border-image-outset\'> ]? || <\'border-image-repeat\'>', animatable: true, inherits: false },
+    borderImageOutset: { property: 'border-image-outset', syntax: '[ <length [0,∞]> | <number [0,∞]> ]{1,4}', initialValue: '0', animatable: true, inherits: false },
+    borderImageRepeat: { property: 'border-image-repeat', syntax: '[ stretch | repeat | round | space ]{1,2}', initialValue: 'stretch', animatable: false, inherits: false },
+    borderImageSlice: { property: 'border-image-slice', syntax: '[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?', initialValue: '100%', animatable: true, inherits: false },
+    borderImageSource: { property: 'border-image-source', syntax: 'none | <image>', initialValue: 'none', animatable: false, inherits: false },
+    borderImageWidth: { property: 'border-image-width', syntax: '[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}', initialValue: '1', animatable: true, inherits: false },
+    borderInline: { property: 'border-inline', syntax: '<\'border-block-start\'>', animatable: true, inherits: false },
+    borderInlineColor: { property: 'border-inline-color', syntax: '<\'border-top-color\'>{1,2}', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderInlineEnd: { property: 'border-inline-end', syntax: '<\'border-top-width\'> || <\'border-top-style\'> || <color>', animatable: true, inherits: false },
+    borderInlineEndColor: { property: 'border-inline-end-color', syntax: '<\'border-top-color\'>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderInlineEndStyle: { property: 'border-inline-end-style', syntax: '<\'border-top-style\'>', initialValue: 'none', animatable: false, inherits: false },
+    borderInlineEndWidth: { property: 'border-inline-end-width', syntax: '<\'border-top-width\'>', initialValue: 'medium', animatable: true, inherits: false },
+    borderInlineStart: { property: 'border-inline-start', syntax: '<\'border-top-width\'> || <\'border-top-style\'> || <color>', animatable: true, inherits: false },
+    borderInlineStartColor: { property: 'border-inline-start-color', syntax: '<\'border-top-color\'>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderInlineStartStyle: { property: 'border-inline-start-style', syntax: '<\'border-top-style\'>', initialValue: 'none', animatable: false, inherits: false },
+    borderInlineStartWidth: { property: 'border-inline-start-width', syntax: '<\'border-top-width\'>', initialValue: 'medium', animatable: true, inherits: false },
+    borderInlineStyle: { property: 'border-inline-style', syntax: '<\'border-top-style\'>{1,2}', initialValue: 'none', animatable: false, inherits: false },
+    borderInlineWidth: { property: 'border-inline-width', syntax: '<\'border-top-width\'>{1,2}', initialValue: 'medium', animatable: true, inherits: false },
+    borderLeft: { property: 'border-left', syntax: '<line-width> || <line-style> || <color>', animatable: true, inherits: false },
+    borderLeftColor: { property: 'border-left-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderLeftStyle: { property: 'border-left-style', syntax: '<line-style>', initialValue: 'none', animatable: false, inherits: false },
+    borderLeftWidth: { property: 'border-left-width', syntax: '<line-width>', initialValue: 'medium', animatable: true, inherits: false },
+    borderRadius: { property: 'border-radius', syntax: '<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?', animatable: true, inherits: false },
+    borderRight: { property: 'border-right', syntax: '<line-width> || <line-style> || <color>', animatable: true, inherits: false },
+    borderRightColor: { property: 'border-right-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderRightStyle: { property: 'border-right-style', syntax: '<line-style>', initialValue: 'none', animatable: false, inherits: false },
+    borderRightWidth: { property: 'border-right-width', syntax: '<line-width>', initialValue: 'medium', animatable: true, inherits: false },
+    borderSpacing: { property: 'border-spacing', syntax: '<length>{1,2}', initialValue: '0', animatable: false, inherits: true },
+    borderStartEndRadius: { property: 'border-start-end-radius', syntax: '<\'border-top-left-radius\'>', initialValue: '0', animatable: true, inherits: false },
+    borderStartStartRadius: { property: 'border-start-start-radius', syntax: '<\'border-top-left-radius\'>', initialValue: '0', animatable: true, inherits: false },
+    borderStyle: { property: 'border-style', syntax: '<line-style>{1,4}', animatable: false, inherits: false },
+    borderTop: { property: 'border-top', syntax: '<line-width> || <line-style> || <color>', animatable: true, inherits: false },
+    borderTopColor: { property: 'border-top-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    borderTopLeftRadius: { property: 'border-top-left-radius', syntax: '<length-percentage [0,∞]>{1,2}', initialValue: '0', animatable: true, inherits: false },
+    borderTopRightRadius: { property: 'border-top-right-radius', syntax: '<length-percentage [0,∞]>{1,2}', initialValue: '0', animatable: true, inherits: false },
+    borderTopStyle: { property: 'border-top-style', syntax: '<line-style>', initialValue: 'none', animatable: false, inherits: false },
+    borderTopWidth: { property: 'border-top-width', syntax: '<line-width>', initialValue: 'medium', animatable: true, inherits: false },
+    borderWidth: { property: 'border-width', syntax: '<line-width>{1,4}', animatable: true, inherits: false },
+    bottom: { property: 'bottom', syntax: 'auto | <length-percentage> | <anchor()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    boxDecorationBreak: { property: 'box-decoration-break', syntax: 'slice | clone', initialValue: 'slice', animatable: false, inherits: false },
+    boxShadow: { property: 'box-shadow', syntax: 'none | <shadow>#', initialValue: 'none', animatable: true, inherits: false },
+    boxSizing: { property: 'box-sizing', syntax: 'content-box | border-box', initialValue: 'content-box', animatable: false, inherits: false },
+    breakAfter: { property: 'break-after', syntax: 'auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region', initialValue: 'auto', animatable: false, inherits: false },
+    breakBefore: { property: 'break-before', syntax: 'auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region', initialValue: 'auto', animatable: false, inherits: false },
+    breakInside: { property: 'break-inside', syntax: 'auto | avoid | avoid-page | avoid-column | avoid-region', initialValue: 'auto', animatable: false, inherits: false },
+    captionSide: { property: 'caption-side', syntax: 'top | bottom', initialValue: 'top', animatable: false, inherits: true },
+    caret: { property: 'caret', syntax: '<\'caret-color\'> || <\'caret-animation\'> || <\'caret-shape\'>', animatable: true, inherits: true },
+    caretAnimation: { property: 'caret-animation', syntax: 'auto | manual', initialValue: 'auto', animatable: false, inherits: true },
+    caretColor: { property: 'caret-color', syntax: 'auto | <color>', initialValue: 'auto', animatable: true, inherits: true },
+    caretShape: { property: 'caret-shape', syntax: 'auto | bar | block | underscore', initialValue: 'auto', animatable: true, inherits: true },
+    clear: { property: 'clear', syntax: 'none | left | right | both | inline-start | inline-end', initialValue: 'none', animatable: false, inherits: false },
+    clipPath: { property: 'clip-path', syntax: '<clip-source> | [ <basic-shape> || <geometry-box> ] | none', initialValue: 'none', animatable: true, inherits: false },
+    clipRule: { property: 'clip-rule', syntax: 'nonzero | evenodd', initialValue: 'nonzero', animatable: false, inherits: true },
+    color: { property: 'color', syntax: '<color>', initialValue: 'canvastext', animatable: true, inherits: true },
+    colorInterpolationFilters: { property: 'color-interpolation-filters', syntax: 'auto | sRGB | linearRGB', initialValue: 'linearRGB', animatable: false, inherits: true },
+    colorScheme: { property: 'color-scheme', syntax: 'normal | [ light | dark | <custom-ident> ]+ && only?', initialValue: 'normal', animatable: false, inherits: true },
+    columnCount: { property: 'column-count', syntax: '<integer> | auto', initialValue: 'auto', animatable: true, inherits: false },
+    columnFill: { property: 'column-fill', syntax: 'auto | balance', initialValue: 'balance', animatable: false, inherits: false },
+    columnGap: { property: 'column-gap', syntax: 'normal | <length-percentage>', initialValue: 'normal', animatable: true, inherits: false },
+    columnHeight: { property: 'column-height', syntax: 'auto | <length [0,∞]>', initialValue: 'auto', animatable: true, inherits: false },
+    columnRuleColor: { property: 'column-rule-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    columnRuleStyle: { property: 'column-rule-style', syntax: '<\'border-style\'>', initialValue: 'none', animatable: false, inherits: false },
+    columnRuleWidth: { property: 'column-rule-width', syntax: '<\'border-width\'>', initialValue: 'medium', animatable: true, inherits: false },
+    columnSpan: { property: 'column-span', syntax: 'none | all', initialValue: 'none', animatable: false, inherits: false },
+    columnWidth: { property: 'column-width', syntax: 'auto | <length [0,∞]>', initialValue: 'auto', animatable: true, inherits: false },
+    columnWrap: { property: 'column-wrap', syntax: 'auto | nowrap | wrap', initialValue: 'auto', animatable: false, inherits: false },
+    contain: { property: 'contain', syntax: 'none | strict | content | [ [ size || inline-size ] || layout || style || paint ]', initialValue: 'none', animatable: true, inherits: false },
+    containIntrinsicBlockSize: { property: 'contain-intrinsic-block-size', syntax: 'auto? [ none | <length> ]', initialValue: 'none', animatable: true, inherits: false },
+    containIntrinsicHeight: { property: 'contain-intrinsic-height', syntax: 'auto? [ none | <length> ]', initialValue: 'none', animatable: true, inherits: false },
+    containIntrinsicInlineSize: { property: 'contain-intrinsic-inline-size', syntax: 'auto? [ none | <length> ]', initialValue: 'none', animatable: true, inherits: false },
+    containIntrinsicSize: { property: 'contain-intrinsic-size', syntax: '[ auto? [ none | <length> ] ]{1,2}', animatable: true, inherits: false },
+    containIntrinsicWidth: { property: 'contain-intrinsic-width', syntax: 'auto? [ none | <length> ]', initialValue: 'none', animatable: true, inherits: false },
+    container: { property: 'container', syntax: '<\'container-name\'> [ / <\'container-type\'> ]?', animatable: true, inherits: false },
+    containerName: { property: 'container-name', syntax: 'none | <custom-ident>+', initialValue: 'none', animatable: true, inherits: false },
+    containerType: { property: 'container-type', syntax: 'normal | [ [ size | inline-size ] || scroll-state ]', initialValue: 'normal', animatable: true, inherits: false },
+    content: { property: 'content', syntax: 'normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?', initialValue: 'normal', animatable: false, inherits: false },
+    contentVisibility: { property: 'content-visibility', syntax: 'visible | auto | hidden', initialValue: 'visible', animatable: true, inherits: false },
+    cornerBlockEndShape: { property: 'corner-block-end-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerBlockStartShape: { property: 'corner-block-start-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerBottomLeftShape: { property: 'corner-bottom-left-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerBottomRightShape: { property: 'corner-bottom-right-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerBottomShape: { property: 'corner-bottom-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerEndEndShape: { property: 'corner-end-end-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerEndStartShape: { property: 'corner-end-start-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerInlineEndShape: { property: 'corner-inline-end-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerInlineStartShape: { property: 'corner-inline-start-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerLeftShape: { property: 'corner-left-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerRightShape: { property: 'corner-right-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    cornerShape: { property: 'corner-shape', syntax: '<corner-shape-value>{1,4}', animatable: true, inherits: false },
+    cornerStartEndShape: { property: 'corner-start-end-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerStartStartShape: { property: 'corner-start-start-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerTopLeftShape: { property: 'corner-top-left-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerTopRightShape: { property: 'corner-top-right-shape', syntax: '<corner-shape-value>', initialValue: 'round', animatable: true, inherits: false },
+    cornerTopShape: { property: 'corner-top-shape', syntax: '<corner-shape-value>{1,2}', animatable: true, inherits: false },
+    counterIncrement: { property: 'counter-increment', syntax: '[ <counter-name> <integer>? ]+ | none', initialValue: 'none', animatable: true, inherits: false },
+    counterReset: { property: 'counter-reset', syntax: '[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none', initialValue: 'none', animatable: true, inherits: false },
+    counterSet: { property: 'counter-set', syntax: '[ <counter-name> <integer>? ]+ | none', initialValue: 'none', animatable: true, inherits: false },
+    cursor: { property: 'cursor', syntax: '[ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ]', initialValue: 'auto', animatable: false, inherits: true },
+    cx: { property: 'cx', syntax: '<length> | <percentage>', initialValue: '0', animatable: true, inherits: false },
+    cy: { property: 'cy', syntax: '<length> | <percentage>', initialValue: '0', animatable: true, inherits: false },
+    d: { property: 'd', syntax: 'none | path(<string>)', initialValue: 'none', animatable: true, inherits: false },
+    direction: { property: 'direction', syntax: 'ltr | rtl', initialValue: 'ltr', animatable: true, inherits: true },
+    display: { property: 'display', syntax: '[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>', initialValue: 'inline', animatable: true, inherits: false },
+    dominantBaseline: { property: 'dominant-baseline', syntax: 'auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top', initialValue: 'auto', animatable: false, inherits: true },
+    dynamicRangeLimit: { property: 'dynamic-range-limit', syntax: 'standard | no-limit | constrained | <dynamic-range-limit-mix()>', initialValue: 'no-limit', animatable: true, inherits: true },
+    emptyCells: { property: 'empty-cells', syntax: 'show | hide', initialValue: 'show', animatable: false, inherits: true },
+    fill: { property: 'fill', syntax: '<paint>', initialValue: 'black', animatable: true, inherits: true },
+    fillOpacity: { property: 'fill-opacity', syntax: '<\'opacity\'>', initialValue: '1', animatable: true, inherits: true },
+    fillRule: { property: 'fill-rule', syntax: 'nonzero | evenodd', initialValue: 'nonzero', animatable: false, inherits: true },
+    filter: { property: 'filter', syntax: 'none | <filter-value-list>', initialValue: 'none', animatable: true, inherits: false },
+    flexBasis: { property: 'flex-basis', syntax: 'content | <\'width\'>', initialValue: 'auto', animatable: true, inherits: false },
+    flexDirection: { property: 'flex-direction', syntax: 'row | row-reverse | column | column-reverse', initialValue: 'row', animatable: false, inherits: false },
+    flexFlow: { property: 'flex-flow', syntax: '<\'flex-direction\'> || <\'flex-wrap\'>', animatable: true, inherits: false },
+    flexGrow: { property: 'flex-grow', syntax: '<number>', initialValue: '0', animatable: true, inherits: false },
+    flexShrink: { property: 'flex-shrink', syntax: '<number>', initialValue: '1', animatable: true, inherits: false },
+    flexWrap: { property: 'flex-wrap', syntax: 'nowrap | wrap | wrap-reverse', initialValue: 'nowrap', animatable: false, inherits: false },
+    float: { property: 'float', syntax: 'left | right | none | inline-start | inline-end', initialValue: 'none', animatable: false, inherits: false },
+    floodColor: { property: 'flood-color', syntax: '<color>', initialValue: 'black', animatable: true, inherits: false },
+    floodOpacity: { property: 'flood-opacity', syntax: '<\'opacity\'>', initialValue: 'black', animatable: true, inherits: false },
+    fontFamily: { property: 'font-family', syntax: '[ <family-name> | <generic-family> ]#', initialValue: 'dependsOnUserAgent', animatable: false, inherits: true },
+    fontFeatureSettings: { property: 'font-feature-settings', syntax: 'normal | <feature-tag-value>#', initialValue: 'normal', animatable: false, inherits: true },
+    fontKerning: { property: 'font-kerning', syntax: 'auto | normal | none', initialValue: 'auto', animatable: false, inherits: true },
+    fontLanguageOverride: { property: 'font-language-override', syntax: 'normal | <string>', initialValue: 'normal', animatable: false, inherits: true },
+    fontOpticalSizing: { property: 'font-optical-sizing', syntax: 'auto | none', initialValue: 'auto', animatable: false, inherits: true },
+    fontPalette: { property: 'font-palette', syntax: 'normal | light | dark | <palette-identifier> | <palette-mix()>', initialValue: 'normal', animatable: true, inherits: true },
+    fontSize: { property: 'font-size', syntax: '<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math', initialValue: 'medium', animatable: true, inherits: true },
+    fontSizeAdjust: { property: 'font-size-adjust', syntax: 'none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]', initialValue: 'none', animatable: true, inherits: true },
+    fontStyle: { property: 'font-style', syntax: 'normal | italic | oblique <angle>?', initialValue: 'normal', animatable: true, inherits: true },
+    fontSynthesis: { property: 'font-synthesis', syntax: 'none | [ weight || style || small-caps || position]', initialValue: 'weight style small-caps position ', animatable: false, inherits: true },
+    fontSynthesisSmallCaps: { property: 'font-synthesis-small-caps', syntax: 'auto | none', initialValue: 'auto', animatable: false, inherits: true },
+    fontSynthesisStyle: { property: 'font-synthesis-style', syntax: 'auto | none', initialValue: 'auto', animatable: false, inherits: true },
+    fontSynthesisWeight: { property: 'font-synthesis-weight', syntax: 'auto | none', initialValue: 'auto', animatable: false, inherits: true },
+    fontVariant: { property: 'font-variant', syntax: 'normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || 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> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantAlternates: { property: 'font-variant-alternates', 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> ) ]', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantCaps: { property: 'font-variant-caps', syntax: 'normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantEastAsian: { property: 'font-variant-east-asian', syntax: 'normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantEmoji: { property: 'font-variant-emoji', syntax: 'normal | text | emoji | unicode', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantLigatures: { property: 'font-variant-ligatures', syntax: 'normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantNumeric: { property: 'font-variant-numeric', syntax: 'normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariantPosition: { property: 'font-variant-position', syntax: 'normal | sub | super', initialValue: 'normal', animatable: false, inherits: true },
+    fontVariationSettings: { property: 'font-variation-settings', syntax: 'normal | [ <string> <number> ]#', initialValue: 'normal', animatable: true, inherits: true },
+    fontWeight: { property: 'font-weight', syntax: '<font-weight-absolute> | bolder | lighter', initialValue: 'normal', animatable: true, inherits: true },
+    forcedColorAdjust: { property: 'forced-color-adjust', syntax: 'auto | none | preserve-parent-color', initialValue: 'auto', animatable: true, inherits: true },
+    gap: { property: 'gap', syntax: '<\'row-gap\'> <\'column-gap\'>?', animatable: true, inherits: false },
+    gridAutoColumns: { property: 'grid-auto-columns', syntax: '<track-size>+', initialValue: 'auto', animatable: true, inherits: false },
+    gridAutoFlow: { property: 'grid-auto-flow', syntax: '[ row | column ] || dense', initialValue: 'row', animatable: false, inherits: false },
+    gridAutoRows: { property: 'grid-auto-rows', syntax: '<track-size>+', initialValue: 'auto', animatable: true, inherits: false },
+    gridColumn: { property: 'grid-column', syntax: '<grid-line> [ / <grid-line> ]?', animatable: false, inherits: false },
+    gridColumnEnd: { property: 'grid-column-end', syntax: '<grid-line>', initialValue: 'auto', animatable: false, inherits: false },
+    gridColumnStart: { property: 'grid-column-start', syntax: '<grid-line>', initialValue: 'auto', animatable: false, inherits: false },
+    gridRow: { property: 'grid-row', syntax: '<grid-line> [ / <grid-line> ]?', animatable: false, inherits: false },
+    gridRowEnd: { property: 'grid-row-end', syntax: '<grid-line>', initialValue: 'auto', animatable: false, inherits: false },
+    gridRowStart: { property: 'grid-row-start', syntax: '<grid-line>', initialValue: 'auto', animatable: false, inherits: false },
+    gridTemplateAreas: { property: 'grid-template-areas', syntax: 'none | <string>+', initialValue: 'none', animatable: false, inherits: false },
+    gridTemplateColumns: { property: 'grid-template-columns', syntax: 'none | <track-list> | <auto-track-list> | subgrid <line-name-list>?', initialValue: 'none', animatable: true, inherits: false },
+    gridTemplateRows: { property: 'grid-template-rows', syntax: 'none | <track-list> | <auto-track-list> | subgrid <line-name-list>?', initialValue: 'none', animatable: true, inherits: false },
+    hangingPunctuation: { property: 'hanging-punctuation', syntax: 'none | [ first || [ force-end | allow-end ] || last ]', initialValue: 'none', animatable: false, inherits: true },
+    height: { property: 'height', syntax: 'auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    hyphenateCharacter: { property: 'hyphenate-character', syntax: 'auto | <string>', initialValue: 'auto', animatable: false, inherits: true },
+    hyphenateLimitChars: { property: 'hyphenate-limit-chars', syntax: '[ auto | <integer> ]{1,3}', initialValue: 'auto', animatable: true, inherits: true },
+    hyphens: { property: 'hyphens', syntax: 'none | manual | auto', initialValue: 'manual', animatable: false, inherits: true },
+    imageOrientation: { property: 'image-orientation', syntax: 'from-image | <angle> | [ <angle>? flip ]', initialValue: 'from-image', animatable: false, inherits: true },
+    imageRendering: { property: 'image-rendering', syntax: 'auto | crisp-edges | pixelated | smooth', initialValue: 'auto', animatable: false, inherits: true },
+    initialLetter: { property: 'initial-letter', syntax: 'normal | [ <number> <integer>? ]', initialValue: 'normal', animatable: true, inherits: false },
+    inlineSize: { property: 'inline-size', syntax: '<\'width\'>', initialValue: 'auto', animatable: true, inherits: false },
+    insetBlock: { property: 'inset-block', syntax: '<\'top\'>{1,2}', animatable: true, inherits: false },
+    insetBlockEnd: { property: 'inset-block-end', syntax: '<\'top\'>', initialValue: 'auto', animatable: true, inherits: false },
+    insetBlockStart: { property: 'inset-block-start', syntax: '<\'top\'>', initialValue: 'auto', animatable: true, inherits: false },
+    insetInline: { property: 'inset-inline', syntax: '<\'top\'>{1,2}', animatable: true, inherits: false },
+    insetInlineEnd: { property: 'inset-inline-end', syntax: '<\'top\'>', initialValue: 'auto', animatable: true, inherits: false },
+    insetInlineStart: { property: 'inset-inline-start', syntax: '<\'top\'>', initialValue: 'auto', animatable: true, inherits: false },
+    interactivity: { property: 'interactivity', syntax: 'auto | inert', initialValue: 'auto', animatable: false, inherits: true },
+    interestDelay: { property: 'interest-delay', syntax: '<\'interest-delay-start\'>{1,2}', animatable: true, inherits: true },
+    interestDelayEnd: { property: 'interest-delay-end', syntax: 'normal | <time>', initialValue: 'normal', animatable: true, inherits: true },
+    interestDelayStart: { property: 'interest-delay-start', syntax: 'normal | <time>', initialValue: 'normal', animatable: true, inherits: true },
+    isolation: { property: 'isolation', syntax: 'auto | isolate', initialValue: 'auto', animatable: true, inherits: false },
+    justifyContent: { property: 'justify-content', syntax: 'normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]', initialValue: 'normal', animatable: false, inherits: false },
+    justifyItems: { property: 'justify-items', syntax: 'normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center', initialValue: 'legacy', animatable: false, inherits: false },
+    justifySelf: { property: 'justify-self', syntax: 'auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center', initialValue: 'auto', animatable: false, inherits: false },
+    left: { property: 'left', syntax: 'auto | <length-percentage> | <anchor()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    letterSpacing: { property: 'letter-spacing', syntax: 'normal | <length>', initialValue: 'normal', animatable: true, inherits: true },
+    lightingColor: { property: 'lighting-color', syntax: '<color>', initialValue: 'white', animatable: true, inherits: false },
+    lineBreak: { property: 'line-break', syntax: 'auto | loose | normal | strict | anywhere', initialValue: 'auto', animatable: false, inherits: true },
+    lineClamp: { property: 'line-clamp', syntax: 'none | <integer>', initialValue: 'none', animatable: true, inherits: false },
+    lineHeight: { property: 'line-height', syntax: 'normal | <number> | <length> | <percentage>', initialValue: 'normal', animatable: true, inherits: true },
+    listStyleImage: { property: 'list-style-image', syntax: '<image> | none', initialValue: 'none', animatable: false, inherits: true },
+    listStylePosition: { property: 'list-style-position', syntax: 'inside | outside', initialValue: 'outside', animatable: false, inherits: true },
+    listStyleType: { property: 'list-style-type', syntax: '<counter-style> | <string> | none', initialValue: 'disc', animatable: false, inherits: true },
+    marginBlock: { property: 'margin-block', syntax: '<\'margin-top\'>{1,2}', animatable: true, inherits: false },
+    marginBlockEnd: { property: 'margin-block-end', syntax: '<\'margin-top\'>', initialValue: '0', animatable: true, inherits: false },
+    marginBlockStart: { property: 'margin-block-start', syntax: '<\'margin-top\'>', initialValue: '0', animatable: true, inherits: false },
+    marginBottom: { property: 'margin-bottom', syntax: '<length-percentage> | auto | <anchor-size()>', initialValue: '0', animatable: true, inherits: false },
+    marginInline: { property: 'margin-inline', syntax: '<\'margin-top\'>{1,2}', animatable: true, inherits: false },
+    marginInlineEnd: { property: 'margin-inline-end', syntax: '<\'margin-top\'>', initialValue: '0', animatable: true, inherits: false },
+    marginInlineStart: { property: 'margin-inline-start', syntax: '<\'margin-top\'>', initialValue: '0', animatable: true, inherits: false },
+    marginLeft: { property: 'margin-left', syntax: '<length-percentage> | auto | <anchor-size()>', initialValue: '0', animatable: true, inherits: false },
+    marginRight: { property: 'margin-right', syntax: '<length-percentage> | auto | <anchor-size()>', initialValue: '0', animatable: true, inherits: false },
+    marginTop: { property: 'margin-top', syntax: '<length-percentage> | auto | <anchor-size()>', initialValue: '0', animatable: true, inherits: false },
+    marker: { property: 'marker', syntax: 'none | <url>', animatable: false, inherits: true },
+    markerEnd: { property: 'marker-end', syntax: 'none | <url>', initialValue: 'none', animatable: false, inherits: true },
+    markerMid: { property: 'marker-mid', syntax: 'none | <url>', initialValue: 'none', animatable: false, inherits: true },
+    markerStart: { property: 'marker-start', syntax: 'none | <url>', initialValue: 'none', animatable: false, inherits: true },
+    maskBorder: { property: 'mask-border', syntax: '<\'mask-border-source\'> || <\'mask-border-slice\'> [ / <\'mask-border-width\'>? [ / <\'mask-border-outset\'> ]? ]? || <\'mask-border-repeat\'> || <\'mask-border-mode\'>', animatable: true, inherits: false },
+    maskBorderMode: { property: 'mask-border-mode', syntax: 'luminance | alpha', initialValue: 'alpha', animatable: false, inherits: false },
+    maskBorderOutset: { property: 'mask-border-outset', syntax: '[ <length> | <number> ]{1,4}', initialValue: '0', animatable: false, inherits: false },
+    maskBorderRepeat: { property: 'mask-border-repeat', syntax: '[ stretch | repeat | round | space ]{1,2}', initialValue: 'stretch', animatable: false, inherits: false },
+    maskBorderSlice: { property: 'mask-border-slice', syntax: '<number-percentage>{1,4} fill?', initialValue: '0', animatable: false, inherits: false },
+    maskBorderSource: { property: 'mask-border-source', syntax: 'none | <image>', initialValue: 'none', animatable: false, inherits: false },
+    maskBorderWidth: { property: 'mask-border-width', syntax: '[ <length-percentage> | <number> | auto ]{1,4}', initialValue: 'auto', animatable: false, inherits: false },
+    maskClip: { property: 'mask-clip', syntax: '[ <coord-box> | no-clip ]#', initialValue: 'border-box', animatable: false, inherits: false },
+    maskComposite: { property: 'mask-composite', syntax: '<compositing-operator>#', initialValue: 'add', animatable: false, inherits: false },
+    maskImage: { property: 'mask-image', syntax: '<mask-reference>#', initialValue: 'none', animatable: false, inherits: false },
+    maskMode: { property: 'mask-mode', syntax: '<masking-mode>#', initialValue: 'match-source', animatable: false, inherits: false },
+    maskOrigin: { property: 'mask-origin', syntax: '<coord-box>#', initialValue: 'border-box', animatable: false, inherits: false },
+    maskPosition: { property: 'mask-position', syntax: '<position>#', initialValue: '0% 0%', animatable: true, inherits: false },
+    maskRepeat: { property: 'mask-repeat', syntax: '<repeat-style>#', initialValue: 'repeat', animatable: false, inherits: false },
+    maskSize: { property: 'mask-size', syntax: '<bg-size>#', initialValue: 'auto', animatable: true, inherits: false },
+    maskType: { property: 'mask-type', syntax: 'luminance | alpha', initialValue: 'luminance', animatable: false, inherits: false },
+    mathDepth: { property: 'math-depth', syntax: 'auto-add | add(<integer>) | <integer>', initialValue: '0', animatable: true, inherits: true },
+    mathStyle: { property: 'math-style', syntax: 'normal | compact', initialValue: 'normal', animatable: true, inherits: true },
+    maxBlockSize: { property: 'max-block-size', syntax: '<\'max-width\'>', initialValue: 'none', animatable: true, inherits: false },
+    maxHeight: { property: 'max-height', syntax: 'none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'none', animatable: true, inherits: false },
+    maxInlineSize: { property: 'max-inline-size', syntax: '<\'max-width\'>', initialValue: 'none', animatable: true, inherits: false },
+    maxWidth: { property: 'max-width', syntax: 'none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'none', animatable: true, inherits: false },
+    minBlockSize: { property: 'min-block-size', syntax: '<\'min-width\'>', initialValue: '0', animatable: true, inherits: false },
+    minHeight: { property: 'min-height', syntax: 'auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    minInlineSize: { property: 'min-inline-size', syntax: '<\'min-width\'>', initialValue: '0', animatable: true, inherits: false },
+    minWidth: { property: 'min-width', syntax: 'auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    mixBlendMode: { property: 'mix-blend-mode', syntax: '<blend-mode> | plus-darker | plus-lighter', initialValue: 'normal', animatable: true, inherits: false },
+    objectFit: { property: 'object-fit', syntax: 'fill | contain | cover | none | scale-down', initialValue: 'fill', animatable: false, inherits: false },
+    objectPosition: { property: 'object-position', syntax: '<position>', initialValue: '50% 50%', animatable: true, inherits: true },
+    offset: { property: 'offset', syntax: '[ <\'offset-position\'>? [ <\'offset-path\'> [ <\'offset-distance\'> || <\'offset-rotate\'> ]? ]? ]! [ / <\'offset-anchor\'> ]?', animatable: true, inherits: false },
+    offsetAnchor: { property: 'offset-anchor', syntax: 'auto | <position>', initialValue: 'auto', animatable: true, inherits: false },
+    offsetDistance: { property: 'offset-distance', syntax: '<length-percentage>', initialValue: '0', animatable: true, inherits: false },
+    offsetPath: { property: 'offset-path', syntax: 'none | <offset-path> || <coord-box>', initialValue: 'none', animatable: true, inherits: false },
+    offsetPosition: { property: 'offset-position', syntax: 'normal | auto | <position>', initialValue: 'normal', animatable: true, inherits: false },
+    offsetRotate: { property: 'offset-rotate', syntax: '[ auto | reverse ] || <angle>', initialValue: 'auto', animatable: true, inherits: false },
+    opacity: { property: 'opacity', syntax: '<opacity-value>', initialValue: '1', animatable: true, inherits: false },
+    order: { property: 'order', syntax: '<integer>', initialValue: '0', animatable: true, inherits: false },
+    orphans: { property: 'orphans', syntax: '<integer>', initialValue: '2', animatable: true, inherits: true },
+    outline: { property: 'outline', syntax: '<\'outline-width\'> || <\'outline-style\'> || <\'outline-color\'>', animatable: true, inherits: false },
+    outlineColor: { property: 'outline-color', syntax: 'auto | <color>', initialValue: 'auto', animatable: true, inherits: false },
+    outlineOffset: { property: 'outline-offset', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    outlineStyle: { property: 'outline-style', syntax: 'auto | <outline-line-style>', initialValue: 'none', animatable: true, inherits: false },
+    outlineWidth: { property: 'outline-width', syntax: '<line-width>', initialValue: 'medium', animatable: true, inherits: false },
+    overflowAnchor: { property: 'overflow-anchor', syntax: 'auto | none', initialValue: 'auto', animatable: false, inherits: false },
+    overflowBlock: { property: 'overflow-block', syntax: 'visible | hidden | clip | scroll | auto', initialValue: 'auto', animatable: false, inherits: false },
+    overflowClipMargin: { property: 'overflow-clip-margin', syntax: '<visual-box> || <length [0,∞]>', initialValue: '0px', animatable: false, inherits: false },
+    overflowInline: { property: 'overflow-inline', syntax: 'visible | hidden | clip | scroll | auto', initialValue: 'auto', animatable: false, inherits: false },
+    overflowWrap: { property: 'overflow-wrap', syntax: 'normal | break-word | anywhere', initialValue: 'normal', animatable: false, inherits: true },
+    overflowX: { property: 'overflow-x', syntax: 'visible | hidden | clip | scroll | auto', initialValue: 'visible', animatable: false, inherits: false },
+    overflowY: { property: 'overflow-y', syntax: 'visible | hidden | clip | scroll | auto', initialValue: 'visible', animatable: false, inherits: false },
+    overscrollBehavior: { property: 'overscroll-behavior', syntax: '[ contain | none | auto ]{1,2}', initialValue: 'auto', animatable: false, inherits: false },
+    overscrollBehaviorBlock: { property: 'overscroll-behavior-block', syntax: 'contain | none | auto', initialValue: 'auto', animatable: false, inherits: false },
+    overscrollBehaviorInline: { property: 'overscroll-behavior-inline', syntax: 'contain | none | auto', initialValue: 'auto', animatable: false, inherits: false },
+    overscrollBehaviorX: { property: 'overscroll-behavior-x', syntax: 'contain | none | auto', initialValue: 'auto', animatable: false, inherits: false },
+    overscrollBehaviorY: { property: 'overscroll-behavior-y', syntax: 'contain | none | auto', initialValue: 'auto', animatable: false, inherits: false },
+    paddingBlock: { property: 'padding-block', syntax: '<\'padding-top\'>{1,2}', animatable: true, inherits: false },
+    paddingBlockEnd: { property: 'padding-block-end', syntax: '<\'padding-top\'>', initialValue: '0', animatable: true, inherits: false },
+    paddingBlockStart: { property: 'padding-block-start', syntax: '<\'padding-top\'>', initialValue: '0', animatable: true, inherits: false },
+    paddingBottom: { property: 'padding-bottom', syntax: '<length-percentage [0,∞]>', initialValue: '0', animatable: true, inherits: false },
+    paddingInline: { property: 'padding-inline', syntax: '<\'padding-top\'>{1,2}', animatable: true, inherits: false },
+    paddingInlineEnd: { property: 'padding-inline-end', syntax: '<\'padding-top\'>', initialValue: '0', animatable: true, inherits: false },
+    paddingInlineStart: { property: 'padding-inline-start', syntax: '<\'padding-top\'>', initialValue: '0', animatable: true, inherits: false },
+    paddingLeft: { property: 'padding-left', syntax: '<length-percentage [0,∞]>', initialValue: '0', animatable: true, inherits: false },
+    paddingRight: { property: 'padding-right', syntax: '<length-percentage [0,∞]>', initialValue: '0', animatable: true, inherits: false },
+    paddingTop: { property: 'padding-top', syntax: '<length-percentage [0,∞]>', initialValue: '0', animatable: true, inherits: false },
+    page: { property: 'page', syntax: 'auto | <custom-ident>', initialValue: 'auto', animatable: false, inherits: false },
+    paintOrder: { property: 'paint-order', syntax: 'normal | [ fill || stroke || markers ]', initialValue: 'normal', animatable: false, inherits: true },
+    perspective: { property: 'perspective', syntax: 'none | <length>', initialValue: 'none', animatable: true, inherits: false },
+    perspectiveOrigin: { property: 'perspective-origin', syntax: '<position>', initialValue: '50% 50%', animatable: true, inherits: false },
+    pointerEvents: { property: 'pointer-events', syntax: 'auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit', initialValue: 'auto', animatable: false, inherits: true },
+    position: { property: 'position', syntax: 'static | relative | absolute | sticky | fixed', initialValue: 'static', animatable: false, inherits: false },
+    printColorAdjust: { property: 'print-color-adjust', syntax: 'economy | exact', initialValue: 'economy', animatable: false, inherits: true },
+    quotes: { property: 'quotes', syntax: 'none | auto | [ <string> <string> ]+', initialValue: 'dependsOnUserAgent', animatable: false, inherits: true },
+    r: { property: 'r', syntax: '<length> | <percentage>', initialValue: '0', animatable: true, inherits: false },
+    readingFlow: { property: 'reading-flow', syntax: 'normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order', initialValue: 'normal', animatable: true, inherits: false },
+    readingOrder: { property: 'reading-order', syntax: '<integer>', initialValue: '0', animatable: true, inherits: false },
+    resize: { property: 'resize', syntax: 'none | both | horizontal | vertical | block | inline', initialValue: 'none', animatable: false, inherits: false },
+    right: { property: 'right', syntax: 'auto | <length-percentage> | <anchor()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    rotate: { property: 'rotate', syntax: 'none | <angle> | [ x | y | z | <number>{3} ] && <angle>', initialValue: 'none', animatable: true, inherits: false },
+    rowGap: { property: 'row-gap', syntax: 'normal | <length-percentage>', initialValue: 'normal', animatable: true, inherits: false },
+    rubyAlign: { property: 'ruby-align', syntax: 'start | center | space-between | space-around', initialValue: 'space-around', animatable: true, inherits: true },
+    rubyOverhang: { property: 'ruby-overhang', syntax: 'auto | none', initialValue: 'auto', animatable: true, inherits: true },
+    rubyPosition: { property: 'ruby-position', syntax: '[ alternate || [ over | under ] ] | inter-character', initialValue: 'alternate', animatable: false, inherits: true },
+    rx: { property: 'rx', syntax: '<length-percentage> | auto', initialValue: 'auto', animatable: true, inherits: false },
+    ry: { property: 'ry', syntax: '<length-percentage> | auto', initialValue: 'auto', animatable: true, inherits: false },
+    scale: { property: 'scale', syntax: 'none | [ <number> | <percentage> ]{1,3}', initialValue: 'none', animatable: true, inherits: false },
+    scrollBehavior: { property: 'scroll-behavior', syntax: 'auto | smooth', initialValue: 'auto', animatable: true, inherits: false },
+    scrollMargin: { property: 'scroll-margin', syntax: '<length>{1,4}', animatable: true, inherits: false },
+    scrollMarginBlock: { property: 'scroll-margin-block', syntax: '<length>{1,2}', animatable: true, inherits: false },
+    scrollMarginBlockEnd: { property: 'scroll-margin-block-end', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginBlockStart: { property: 'scroll-margin-block-start', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginBottom: { property: 'scroll-margin-bottom', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginInline: { property: 'scroll-margin-inline', syntax: '<length>{1,2}', animatable: true, inherits: false },
+    scrollMarginInlineEnd: { property: 'scroll-margin-inline-end', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginInlineStart: { property: 'scroll-margin-inline-start', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginLeft: { property: 'scroll-margin-left', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginRight: { property: 'scroll-margin-right', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarginTop: { property: 'scroll-margin-top', syntax: '<length>', initialValue: '0', animatable: true, inherits: false },
+    scrollMarkerGroup: { property: 'scroll-marker-group', syntax: 'none | before | after', initialValue: 'none', animatable: false, inherits: false },
+    scrollPadding: { property: 'scroll-padding', syntax: '[ auto | <length-percentage> ]{1,4}', animatable: true, inherits: false },
+    scrollPaddingBlock: { property: 'scroll-padding-block', syntax: '[ auto | <length-percentage> ]{1,2}', animatable: true, inherits: false },
+    scrollPaddingBlockEnd: { property: 'scroll-padding-block-end', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingBlockStart: { property: 'scroll-padding-block-start', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingBottom: { property: 'scroll-padding-bottom', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingInline: { property: 'scroll-padding-inline', syntax: '[ auto | <length-percentage> ]{1,2}', animatable: true, inherits: false },
+    scrollPaddingInlineEnd: { property: 'scroll-padding-inline-end', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingInlineStart: { property: 'scroll-padding-inline-start', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingLeft: { property: 'scroll-padding-left', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingRight: { property: 'scroll-padding-right', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollPaddingTop: { property: 'scroll-padding-top', syntax: 'auto | <length-percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    scrollSnapAlign: { property: 'scroll-snap-align', syntax: '[ none | start | end | center ]{1,2}', initialValue: 'none', animatable: false, inherits: false },
+    scrollSnapStop: { property: 'scroll-snap-stop', syntax: 'normal | always', initialValue: 'normal', animatable: false, inherits: false },
+    scrollSnapType: { property: 'scroll-snap-type', syntax: 'none | [ x | y | block | inline | both ] [ mandatory | proximity ]?', initialValue: 'none', animatable: false, inherits: false },
+    scrollTargetGroup: { property: 'scroll-target-group', syntax: 'none | auto', initialValue: 'none', animatable: false, inherits: false },
+    scrollbarColor: { property: 'scrollbar-color', syntax: 'auto | <color>{2}', initialValue: 'auto', animatable: true, inherits: true },
+    scrollbarGutter: { property: 'scrollbar-gutter', syntax: 'auto | stable && both-edges?', initialValue: 'auto', animatable: false, inherits: false },
+    scrollbarWidth: { property: 'scrollbar-width', syntax: 'auto | thin | none', initialValue: 'auto', animatable: false, inherits: false },
+    shapeImageThreshold: { property: 'shape-image-threshold', syntax: '<opacity-value>', initialValue: '0.0', animatable: true, inherits: false },
+    shapeMargin: { property: 'shape-margin', syntax: '<length-percentage>', initialValue: '0', animatable: true, inherits: false },
+    shapeOutside: { property: 'shape-outside', syntax: 'none | [ <shape-box> || <basic-shape> ] | <image>', initialValue: 'none', animatable: true, inherits: false },
+    shapeRendering: { property: 'shape-rendering', syntax: 'auto | optimizeSpeed | crispEdges | geometricPrecision', initialValue: 'auto', animatable: false, inherits: true },
+    stopColor: { property: 'stop-color', syntax: '<\'color\'>', initialValue: 'black', animatable: false, inherits: false },
+    stopOpacity: { property: 'stop-opacity', syntax: '<\'opacity\'>', initialValue: 'black', animatable: false, inherits: false },
+    stroke: { property: 'stroke', syntax: '<paint>', animatable: true, inherits: true },
+    strokeDasharray: { property: 'stroke-dasharray', syntax: 'none | <dasharray>', initialValue: 'none', animatable: true, inherits: true },
+    strokeDashoffset: { property: 'stroke-dashoffset', syntax: '<length-percentage> | <number>', initialValue: '0', animatable: true, inherits: true },
+    strokeLinecap: { property: 'stroke-linecap', syntax: 'butt | round | square', initialValue: 'butt', animatable: false, inherits: true },
+    strokeLinejoin: { property: 'stroke-linejoin', syntax: 'miter | miter-clip | round | bevel | arcs', initialValue: 'miter', animatable: false, inherits: true },
+    strokeMiterlimit: { property: 'stroke-miterlimit', syntax: '<number>', initialValue: '4', animatable: true, inherits: true },
+    strokeOpacity: { property: 'stroke-opacity', syntax: '<\'opacity\'>', initialValue: '1', animatable: true, inherits: true },
+    strokeWidth: { property: 'stroke-width', syntax: '<length-percentage> | <number>', initialValue: '1px', animatable: true, inherits: true },
+    tabSize: { property: 'tab-size', syntax: '<integer> | <length>', initialValue: '8', animatable: true, inherits: true },
+    tableLayout: { property: 'table-layout', syntax: 'auto | fixed', initialValue: 'auto', animatable: false, inherits: false },
+    textAlign: { property: 'text-align', syntax: 'start | end | left | right | center | justify | match-parent', initialValue: 'startOrNamelessValueIfLTRRightIfRTL', animatable: false, inherits: true },
+    textAlignLast: { property: 'text-align-last', syntax: 'auto | start | end | left | right | center | justify', initialValue: 'auto', animatable: false, inherits: true },
+    textAnchor: { property: 'text-anchor', syntax: 'start | middle | end', initialValue: 'start', animatable: false, inherits: true },
+    textAutospace: { property: 'text-autospace', syntax: 'normal | <autospace> | auto', initialValue: 'normal', animatable: false, inherits: true },
+    textBox: { property: 'text-box', syntax: 'normal | <\'text-box-trim\'> || <\'text-box-edge\'>', initialValue: 'normal', animatable: false, inherits: false },
+    textBoxEdge: { property: 'text-box-edge', syntax: 'auto | <text-edge>', initialValue: 'auto', animatable: false, inherits: false },
+    textBoxTrim: { property: 'text-box-trim', syntax: 'none | trim-start | trim-end | trim-both', initialValue: 'none', animatable: false, inherits: false },
+    textCombineUpright: { property: 'text-combine-upright', syntax: 'none | all | [ digits <integer>? ]', initialValue: 'none', animatable: true, inherits: true },
+    textDecorationColor: { property: 'text-decoration-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: false },
+    textDecorationInset: { property: 'text-decoration-inset', syntax: '<length>{1,2} | auto', initialValue: '0', animatable: true, inherits: false },
+    textDecorationLine: { property: 'text-decoration-line', syntax: 'none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error', initialValue: 'none', animatable: false, inherits: false },
+    textDecorationSkipInk: { property: 'text-decoration-skip-ink', syntax: 'auto | all | none', initialValue: 'auto', animatable: false, inherits: true },
+    textDecorationStyle: { property: 'text-decoration-style', syntax: 'solid | double | dotted | dashed | wavy', initialValue: 'solid', animatable: false, inherits: false },
+    textDecorationThickness: { property: 'text-decoration-thickness', syntax: 'auto | from-font | <length> | <percentage>', initialValue: 'auto', animatable: true, inherits: false },
+    textEmphasis: { property: 'text-emphasis', syntax: '<\'text-emphasis-style\'> || <\'text-emphasis-color\'>', animatable: true, inherits: true },
+    textEmphasisColor: { property: 'text-emphasis-color', syntax: '<color>', initialValue: 'currentcolor', animatable: true, inherits: true },
+    textEmphasisPosition: { property: 'text-emphasis-position', syntax: 'auto | [ over | under ] && [ right | left ]?', initialValue: 'auto', animatable: false, inherits: true },
+    textEmphasisStyle: { property: 'text-emphasis-style', syntax: 'none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>', initialValue: 'none', animatable: false, inherits: true },
+    textIndent: { property: 'text-indent', syntax: '<length-percentage> && hanging? && each-line?', initialValue: '0', animatable: true, inherits: true },
+    textJustify: { property: 'text-justify', syntax: 'auto | inter-character | inter-word | none', initialValue: 'auto', animatable: false, inherits: true },
+    textOrientation: { property: 'text-orientation', syntax: 'mixed | upright | sideways', initialValue: 'mixed', animatable: true, inherits: true },
+    textOverflow: { property: 'text-overflow', syntax: '[ clip | ellipsis | <string> ]{1,2}', initialValue: 'clip', animatable: false, inherits: false },
+    textRendering: { property: 'text-rendering', syntax: 'auto | optimizeSpeed | optimizeLegibility | geometricPrecision', initialValue: 'auto', animatable: false, inherits: true },
+    textShadow: { property: 'text-shadow', syntax: 'none | <shadow-t>#', initialValue: 'none', animatable: true, inherits: true },
+    textTransform: { property: 'text-transform', syntax: 'none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto', initialValue: 'none', animatable: false, inherits: true },
+    textUnderlineOffset: { property: 'text-underline-offset', syntax: 'auto | <length> | <percentage>', initialValue: 'auto', animatable: true, inherits: true },
+    textUnderlinePosition: { property: 'text-underline-position', syntax: 'auto | from-font | [ under || [ left | right ] ]', initialValue: 'auto', animatable: false, inherits: true },
+    textWrap: { property: 'text-wrap', syntax: '<\'text-wrap-mode\'> || <\'text-wrap-style\'>', initialValue: 'wrap', animatable: true, inherits: true },
+    textWrapMode: { property: 'text-wrap-mode', syntax: 'wrap | nowrap', initialValue: 'wrap', animatable: false, inherits: true },
+    textWrapStyle: { property: 'text-wrap-style', syntax: 'auto | balance | stable | pretty', initialValue: 'auto', animatable: false, inherits: true },
+    timelineTrigger: { property: 'timeline-trigger', syntax: 'none | [ <\'timeline-trigger-name\'> <\'timeline-trigger-source\'> <\'timeline-trigger-activation-range\'> [ \'/\' <\'timeline-trigger-active-range\'> ]? ]#', animatable: true, inherits: false },
+    timelineTriggerActivationRange: { property: 'timeline-trigger-activation-range', syntax: '[ <\'timeline-trigger-activation-range-start\'> <\'timeline-trigger-activation-range-end\'>? ]#', animatable: true, inherits: false },
+    timelineTriggerActivationRangeEnd: { property: 'timeline-trigger-activation-range-end', syntax: '[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#', initialValue: 'normal', animatable: true, inherits: false },
+    timelineTriggerActivationRangeStart: { property: 'timeline-trigger-activation-range-start', syntax: '[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#', initialValue: 'normal', animatable: true, inherits: false },
+    timelineTriggerActiveRange: { property: 'timeline-trigger-active-range', syntax: '[ <\'timeline-trigger-active-range-start\'> <\'timeline-trigger-active-range-end\'>? ]#', animatable: true, inherits: false },
+    timelineTriggerActiveRangeEnd: { property: 'timeline-trigger-active-range-end', syntax: '[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#', initialValue: 'auto', animatable: true, inherits: false },
+    timelineTriggerActiveRangeStart: { property: 'timeline-trigger-active-range-start', syntax: '[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#', initialValue: 'auto', animatable: true, inherits: false },
+    timelineTriggerName: { property: 'timeline-trigger-name', syntax: 'none | <dashed-ident>#', initialValue: 'none', animatable: true, inherits: false },
+    timelineTriggerSource: { property: 'timeline-trigger-source', syntax: '<single-animation-timeline>#', initialValue: 'auto', animatable: true, inherits: false },
+    top: { property: 'top', syntax: 'auto | <length-percentage> | <anchor()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    touchAction: { property: 'touch-action', syntax: 'auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation', initialValue: 'auto', animatable: true, inherits: false },
+    transform: { property: 'transform', syntax: 'none | <transform-list>', initialValue: 'none', animatable: true, inherits: false },
+    transformBox: { property: 'transform-box', syntax: 'content-box | border-box | fill-box | stroke-box | view-box', initialValue: 'view-box', animatable: false, inherits: false },
+    transformOrigin: { property: 'transform-origin', syntax: '[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?', initialValue: '50% 50% 0', animatable: true, inherits: false },
+    transformStyle: { property: 'transform-style', syntax: 'flat | preserve-3d', initialValue: 'flat', animatable: false, inherits: false },
+    transitionBehavior: { property: 'transition-behavior', syntax: '<transition-behavior-value>#', initialValue: 'normal', animatable: true, inherits: false },
+    transitionDelay: { property: 'transition-delay', syntax: '<time>#', initialValue: '0s', animatable: true, inherits: false },
+    transitionDuration: { property: 'transition-duration', syntax: '<time>#', initialValue: '0s', animatable: true, inherits: false },
+    transitionProperty: { property: 'transition-property', syntax: 'none | <single-transition-property>#', initialValue: 'all', animatable: true, inherits: false },
+    transitionTimingFunction: { property: 'transition-timing-function', syntax: '<easing-function>#', initialValue: 'ease', animatable: true, inherits: false },
+    translate: { property: 'translate', syntax: 'none | <length-percentage> [ <length-percentage> <length>? ]?', initialValue: 'none', animatable: true, inherits: false },
+    triggerScope: { property: 'trigger-scope', syntax: 'none | all | <dashed-ident>#', initialValue: 'none', animatable: true, inherits: false },
+    unicodeBidi: { property: 'unicode-bidi', syntax: 'normal | embed | isolate | bidi-override | isolate-override | plaintext', initialValue: 'normal', animatable: true, inherits: false },
+    userSelect: { property: 'user-select', syntax: 'auto | text | none | all', initialValue: 'auto', animatable: false, inherits: false },
+    vectorEffect: { property: 'vector-effect', syntax: 'none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position', initialValue: 'none', animatable: false, inherits: false },
+    verticalAlign: { property: 'vertical-align', syntax: 'baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>', initialValue: 'baseline', animatable: false, inherits: false },
+    viewTransitionClass: { property: 'view-transition-class', syntax: 'none | <custom-ident>+', initialValue: 'none', animatable: false, inherits: false },
+    viewTransitionName: { property: 'view-transition-name', syntax: 'none | <custom-ident> | match-element', initialValue: 'none', animatable: false, inherits: false },
+    visibility: { property: 'visibility', syntax: 'visible | hidden | collapse', initialValue: 'visible', animatable: false, inherits: true },
+    whiteSpace: { property: 'white-space', syntax: 'normal | pre | pre-wrap | pre-line | <\'white-space-collapse\'> || <\'text-wrap-mode\'>', initialValue: 'normal', animatable: false, inherits: true },
+    whiteSpaceCollapse: { property: 'white-space-collapse', syntax: 'collapse | preserve | preserve-breaks | preserve-spaces | break-spaces', initialValue: 'collapse', animatable: false, inherits: true },
+    widows: { property: 'widows', syntax: '<integer>', initialValue: '2', animatable: true, inherits: true },
+    width: { property: 'width', syntax: 'auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>', initialValue: 'auto', animatable: true, inherits: false },
+    willChange: { property: 'will-change', syntax: 'auto | <animateable-feature>#', initialValue: 'auto', animatable: false, inherits: false },
+    wordBreak: { property: 'word-break', syntax: 'normal | break-all | keep-all | break-word | auto-phrase', initialValue: 'normal', animatable: false, inherits: true },
+    wordSpacing: { property: 'word-spacing', syntax: 'normal | <length>', initialValue: 'normal', animatable: true, inherits: true },
+    wordWrap: { property: 'word-wrap', syntax: 'normal | break-word', initialValue: 'normal', animatable: false, inherits: true },
+    writingMode: { property: 'writing-mode', syntax: 'horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr', initialValue: 'horizontal-tb', animatable: true, inherits: true },
+    x: { property: 'x', syntax: '<length> | <percentage>', initialValue: '0', animatable: true, inherits: false },
+    y: { property: 'y', syntax: '<length> | <percentage>', initialValue: '0', animatable: true, inherits: false },
+    zIndex: { property: 'z-index', syntax: 'auto | <integer>', initialValue: 'auto', animatable: true, inherits: false },
+    zoom: { property: 'zoom', syntax: 'normal | reset | <number [0,∞]> || <percentage [0,∞]>', initialValue: '1', animatable: true, inherits: false },
+};
+//# sourceMappingURL=generated-property-specs.js.map