ladybird/Userland/Libraries/LibWeb/CSS/Properties.json
MacDue 517379ff80 LibWeb: Resolve basic-shape clip-paths
These will be ignored within SVGs (for now SVGs only support <clipPath>
elements), but will allow clipping standard HTML elements.
2024-05-26 07:55:50 +02:00

2552 lines
51 KiB
JSON

{
"-webkit-appearance": {
"logical-alias-for": [
"appearance"
],
"max-values": 1
},
"accent-color": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "auto",
"valid-types": [
"color"
],
"valid-identifiers": [
"auto"
]
},
"align-content": {
"animation-type": "discrete",
"inherited": false,
"initial": "normal",
"valid-types": [
"align-content"
]
},
"align-items": {
"animation-type": "discrete",
"inherited": false,
"initial": "normal",
"valid-types": [
"align-items"
]
},
"align-self": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-types": [
"align-self"
]
},
"animation": {
"affects-layout": true,
"inherited": false,
"initial": "none 0s ease 1 normal running 0s none",
"longhands": [
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-iteration-count",
"animation-direction",
"animation-play-state",
"animation-delay",
"animation-fill-mode"
]
},
"animation-delay": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "0s",
"valid-types": [
"time [-∞,∞]"
]
},
"animation-direction": {
"affects-layout": false,
"animation-type": "none",
"inherited": false,
"initial": "normal",
"valid-identifiers": [
"normal",
"reverse",
"alternate",
"alternate-reverse"
]
},
"animation-duration": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "auto",
"valid-types": [
"time [0,∞]"
],
"valid-identifiers": [
"auto"
]
},
"animation-fill-mode": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "none",
"valid-identifiers": [
"none",
"forwards",
"backwards",
"both"
]
},
"animation-iteration-count": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "1",
"valid-types": [
"number [0,∞]"
],
"valid-identifiers": [
"infinite"
]
},
"animation-name": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "none",
"valid-types": [
"string",
"custom-ident"
],
"valid-identifiers": [
"none"
]
},
"animation-play-state": {
"affects-layout": false,
"animation-type": "none",
"inherited": false,
"initial": "running",
"valid-identifiers": [
"running",
"paused"
]
},
"animation-timing-function": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "ease",
"valid-types": [
"easing-function"
]
},
"appearance": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-types": [
"appearance"
]
},
"aspect-ratio": {
"affects-layout": true,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"ratio"
],
"valid-identifiers": [
"auto"
]
},
"backdrop-filter": {
"affects-layout": false,
"affects-stacking-context": true,
"animation-type": "custom",
"inherited": false,
"initial": "none",
"__comment": "FIXME: List `filter-value-list` as a valid-type once it's generically supported.",
"valid-identifiers": [
"none"
]
},
"background": {
"affects-layout": false,
"inherited": false,
"initial": "transparent",
"longhands": [
"background-attachment",
"background-clip",
"background-color",
"background-image",
"background-origin",
"background-position",
"background-repeat",
"background-size"
]
},
"background-attachment": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": false,
"initial": "scroll",
"valid-types": [
"background-attachment"
]
},
"background-clip": {
"affects-layout": false,
"animation-type": "repeatable-list",
"inherited": false,
"initial": "border-box",
"valid-types": [
"background-box"
]
},
"background-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "transparent",
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"background-image": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": false,
"initial": "none",
"valid-types": [
"image"
],
"valid-identifiers": [
"none"
]
},
"background-origin": {
"affects-layout": false,
"animation-type": "repeatable-list",
"inherited": false,
"initial": "padding-box",
"valid-types": [
"background-box"
]
},
"background-position": {
"affects-layout": false,
"inherited": false,
"initial": "0% 0%",
"max-values": 4,
"valid-types": [
"background-position"
],
"quirks": [
"unitless-length"
],
"longhands": [
"background-position-x",
"background-position-y"
]
},
"background-position-x": {
"affects-layout": false,
"animation-type": "repeatable-list",
"inherited": false,
"initial": "0%",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"center",
"left",
"right"
],
"percentages-resolve-to": "length"
},
"background-position-y": {
"affects-layout": false,
"animation-type": "repeatable-list",
"inherited": false,
"initial": "0%",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"center",
"bottom",
"top"
],
"percentages-resolve-to": "length"
},
"background-repeat": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": false,
"initial": "repeat",
"max-values": 2,
"valid-types": [
"repeat"
],
"valid-identifiers": [
"repeat-x",
"repeat-y"
]
},
"background-size": {
"affects-layout": false,
"animation-type": "repeatable-list",
"inherited": false,
"initial": "auto",
"max-values": 2,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"cover",
"contain"
],
"percentages-resolve-to": "length"
},
"border": {
"inherited": false,
"initial": "medium currentcolor none",
"longhands": [
"border-width",
"border-style",
"border-color"
]
},
"border-bottom": {
"inherited": false,
"initial": "medium currentcolor none",
"longhands": [
"border-bottom-width",
"border-bottom-style",
"border-bottom-color"
]
},
"border-bottom-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "currentcolor",
"inherited": false,
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"border-bottom-left-radius": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "0",
"inherited": false,
"max-values": 2,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length"
},
"border-bottom-right-radius": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "0",
"inherited": false,
"max-values": 2,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length"
},
"border-bottom-style": {
"animation-type": "discrete",
"initial": "none",
"inherited": false,
"valid-types": [
"line-style"
]
},
"border-bottom-width": {
"animation-type": "by-computed-value",
"initial": "medium",
"inherited": false,
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
],
"quirks": [
"unitless-length"
]
},
"border-collapse": {
"animation-type": "discrete",
"inherited": true,
"initial": "separate",
"valid-types": [
"border-collapse"
]
},
"border-color": {
"affects-layout": false,
"initial": "currentcolor",
"longhands": [
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color"
],
"max-values": 4,
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"border-left": {
"inherited": false,
"initial": "medium currentcolor none",
"longhands": [
"border-left-width",
"border-left-style",
"border-left-color"
]
},
"border-left-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "currentcolor",
"inherited": false,
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"border-left-style": {
"animation-type": "discrete",
"initial": "none",
"inherited": false,
"valid-types": [
"line-style"
]
},
"border-left-width": {
"animation-type": "by-computed-value",
"initial": "medium",
"inherited": false,
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
],
"quirks": [
"unitless-length"
]
},
"border-radius": {
"affects-layout": false,
"inherited": false,
"initial": "0",
"longhands": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-left-radius",
"border-bottom-right-radius"
]
},
"border-right": {
"inherited": false,
"initial": "medium currentcolor none",
"longhands": [
"border-right-width",
"border-right-style",
"border-right-color"
]
},
"border-right-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "currentcolor",
"inherited": false,
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"border-right-style": {
"animation-type": "discrete",
"initial": "none",
"inherited": false,
"valid-types": [
"line-style"
]
},
"border-right-width": {
"animation-type": "by-computed-value",
"initial": "medium",
"inherited": false,
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
],
"quirks": [
"unitless-length"
]
},
"border-spacing": {
"animation-type": "discrete",
"inherited": true,
"initial": "0",
"max-values": 2,
"valid-types": [
"length [0,∞]"
],
"quirks": [
"unitless-length"
]
},
"border-style": {
"initial": "none",
"longhands": [
"border-top-style",
"border-right-style",
"border-bottom-style",
"border-left-style"
],
"max-values": 4,
"valid-types": [
"line-style"
]
},
"border-top": {
"inherited": false,
"initial": "medium currentcolor none",
"longhands": [
"border-top-width",
"border-top-style",
"border-top-color"
]
},
"border-top-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "currentcolor",
"inherited": false,
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"border-top-left-radius": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "0",
"inherited": false,
"max-values": 2,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length"
},
"border-top-right-radius": {
"affects-layout": false,
"animation-type": "by-computed-value",
"initial": "0",
"inherited": false,
"max-values": 2,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length"
},
"border-top-style": {
"animation-type": "discrete",
"initial": "none",
"inherited": false,
"valid-types": [
"line-style"
]
},
"border-top-width": {
"animation-type": "by-computed-value",
"initial": "medium",
"inherited": false,
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
],
"quirks": [
"unitless-length"
]
},
"border-width": {
"initial": "medium",
"longhands": [
"border-top-width",
"border-right-width",
"border-bottom-width",
"border-left-width"
],
"max-values": 4,
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
],
"quirks": [
"unitless-length"
]
},
"bottom": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"box-shadow": {
"affects-layout": false,
"animation-type": "custom",
"inherited": false,
"initial": "none",
"valid-identifiers": [
"none"
]
},
"box-sizing": {
"animation-type": "discrete",
"inherited": false,
"initial": "content-box",
"valid-types": [
"box-sizing"
]
},
"caption-side": {
"animation-type": "discrete",
"inherited": true,
"initial": "top",
"valid-types": [
"caption-side"
]
},
"clear": {
"animation-type": "discrete",
"inherited": false,
"initial": "none",
"valid-types": [
"clear"
]
},
"clip": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"rect"
],
"quirks": [
"unitless-length"
]
},
"clip-path": {
"animation-type": "none",
"affects-layout": false,
"affects-stacking-context": true,
"inherited": false,
"valid-identifiers": [
"none"
],
"__comment": "FIXME: This should be a <clip-source> | [ <basic-shape> || <geometry-box> ]",
"valid-types": [
"basic-shape",
"url"
],
"initial": "none"
},
"clip-rule": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": true,
"initial": "nonzero",
"valid-types": [ "fill-rule" ]
},
"color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": true,
"initial": "-libweb-palette-base-text",
"valid-types": [
"color"
],
"quirks": [
"hashless-hex-color"
]
},
"column-count": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"integer [1,∞]"
],
"valid-identifiers": [
"auto"
]
},
"column-gap": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length"
},
"content": {
"animation-type": "discrete",
"inherited": false,
"initial": "normal",
"__comment": "FIXME: This accepts a whole lot of other types and identifiers!",
"valid-types": [
"string"
],
"valid-identifiers": [
"normal",
"none",
"open-quote",
"close-quote",
"no-open-quote",
"no-close-quote"
]
},
"cursor": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": true,
"initial": "auto",
"valid-types": [
"url",
"cursor"
]
},
"cx": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#CX.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"cy": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#CY.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"direction": {
"animation-type": "none",
"inherited": true,
"initial": "ltr",
"valid-identifiers": [
"ltr",
"rtl"
]
},
"display": {
"animation-type": "custom",
"inherited": false,
"initial": "inline",
"max-values": 3,
"valid-identifiers": [
"list-item"
],
"valid-types": [
"display-outside",
"display-inside",
"display-internal",
"display-box",
"display-legacy"
]
},
"fill": {
"affects-layout": false,
"animation-type": "none",
"inherited": true,
"initial": "black",
"valid-types": [
"paint"
]
},
"fill-opacity": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": true,
"initial": "1",
"valid-types": [
"number [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "number"
},
"fill-rule": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": true,
"initial": "nonzero",
"valid-types": [ "fill-rule" ]
},
"flex": {
"inherited": false,
"initial": "0 1 auto",
"valid-identifiers": [
"none"
],
"longhands": [
"flex-grow",
"flex-shrink",
"flex-basis"
]
},
"flex-basis": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"content"
],
"percentages-resolve-to": "length"
},
"flex-direction": {
"animation-type": "discrete",
"inherited": false,
"initial": "row",
"valid-types": [
"flex-direction"
]
},
"flex-flow": {
"inherited": false,
"initial": "row nowrap",
"longhands": [
"flex-direction",
"flex-wrap"
]
},
"flex-grow": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"number [0,∞]"
]
},
"flex-shrink": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "1",
"valid-types": [
"number [0,∞]"
]
},
"flex-wrap": {
"animation-type": "discrete",
"inherited": false,
"initial": "nowrap",
"valid-types": [
"flex-wrap"
]
},
"float": {
"animation-type": "discrete",
"inherited": false,
"initial": "none",
"valid-types": [
"float"
]
},
"font": {
"inherited": true,
"initial": "normal medium sans-serif",
"longhands": [
"font-family",
"font-size",
"font-stretch",
"font-style",
"font-variant",
"font-weight",
"line-height"
]
},
"font-family": {
"animation-type": "discrete",
"inherited": true,
"initial": "sans-serif",
"valid-types": [
"custom-ident",
"string"
]
},
"font-size": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "medium",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"large",
"larger",
"medium",
"small",
"smaller",
"x-large",
"x-small",
"xx-large",
"xx-small",
"xxx-large",
"math"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"font-stretch": {
"animation-type": "custom",
"inherited": true,
"initial": "normal",
"valid-types": [
"percentage [0,∞]"
],
"valid-identifiers": [
"normal",
"ultra-condensed",
"extra-condensed",
"condensed",
"semi-condensed",
"semi-expanded",
"expanded",
"extra-expanded",
"ultra-expanded"
]
},
"font-style": {
"animation-type": "custom",
"inherited": true,
"initial": "normal",
"valid-identifiers": [
"italic",
"normal",
"oblique"
]
},
"font-variant": {
"animation-type": "discrete",
"inherited": true,
"initial": "normal",
"valid-types": [
"font-variant"
]
},
"font-weight": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "normal",
"valid-types": [
"number [1,1000]"
],
"valid-identifiers": [
"bold",
"bolder",
"lighter",
"normal"
]
},
"gap": {
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"max-values": 2,
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"longhands": [
"row-gap",
"column-gap"
]
},
"grid": {
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length",
"longhands": [
"grid-template-areas",
"grid-template-rows",
"grid-template-columns"
]
},
"grid-area": {
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
],
"longhands": [
"grid-column-end",
"grid-column-start",
"grid-row-end",
"grid-row-start"
]
},
"grid-auto-columns": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length"
},
"grid-auto-flow": {
"animation-type": "discrete",
"inherited": false,
"initial": "row"
},
"grid-auto-rows": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length"
},
"grid-column": {
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
],
"longhands": [
"grid-column-end",
"grid-column-start"
]
},
"grid-column-end": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
]
},
"grid-column-gap": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length"
},
"grid-column-start": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
]
},
"grid-gap": {
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"max-values": 2,
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"longhands": [
"grid-row-gap",
"grid-column-gap"
]
},
"grid-row": {
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
],
"longhands": [
"grid-row-end",
"grid-row-start"
]
},
"grid-row-end": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
]
},
"grid-row-gap": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length"
},
"grid-row-start": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"string"
]
},
"grid-template": {
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length",
"longhands": [
"grid-template-areas",
"grid-template-rows",
"grid-template-columns"
]
},
"grid-template-areas": {
"animation-type": "discrete",
"inherited": false,
"initial": "none",
"valid-identifiers": [
"none"
],
"valid-types": [
"string"
]
},
"grid-template-columns": {
"animation-type": "custom",
"inherited": false,
"initial": "none",
"max-values": 4,
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length"
},
"grid-template-rows": {
"animation-type": "custom",
"inherited": false,
"initial": "none",
"max-values": 4,
"valid-identifiers": [
"auto"
],
"valid-types": [
"length",
"percentage",
"string"
],
"percentages-resolve-to": "length"
},
"height": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"fit-content",
"max-content",
"min-content"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"image-rendering": {
"animation-type": "discrete",
"affects-layout": false,
"inherited": true,
"initial": "auto",
"valid-types": [
"image-rendering"
]
},
"inline-size": {
"logical-alias-for": [
"width"
],
"initial": "auto",
"max-values": 1
},
"inset": {
"inherited": false,
"initial": "auto",
"longhands": [
"top",
"right",
"bottom",
"left"
],
"max-values": 4,
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length"
},
"inset-block": {
"logical-alias-for": [
"inset"
],
"max-values": 2
},
"inset-block-end": {
"logical-alias-for": [
"top",
"right",
"bottom",
"left"
],
"max-values": 1
},
"inset-block-start": {
"logical-alias-for": [
"top",
"right",
"bottom",
"left"
],
"max-values": 1
},
"inset-inline": {
"logical-alias-for": [
"inset"
],
"max-values": 2
},
"inset-inline-end": {
"logical-alias-for": [
"top",
"right",
"bottom",
"left"
],
"max-values": 1
},
"inset-inline-start": {
"logical-alias-for": [
"top",
"right",
"bottom",
"left"
],
"max-values": 1
},
"justify-content": {
"animation-type": "discrete",
"inherited": false,
"initial": "normal",
"valid-types": [
"justify-content"
]
},
"justify-items": {
"animation-type": "discrete",
"inherited": false,
"initial": "legacy",
"valid-types": [
"justify-items"
]
},
"justify-self": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-types": [
"justify-self"
]
},
"left": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"letter-spacing": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "normal",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"valid-identifiers": [
"normal"
],
"quirks": [
"unitless-length"
]
},
"line-height": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "normal",
"valid-types": [
"length [0,∞]",
"number [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"normal"
],
"percentages-resolve-to": "length"
},
"list-style": {
"inherited": true,
"initial": "outside disc",
"longhands": [
"list-style-type",
"list-style-position",
"list-style-image"
]
},
"list-style-image": {
"animation-type": "discrete",
"inherited": true,
"initial": "none",
"valid-types": [
"image"
],
"valid-identifiers": [
"none"
]
},
"list-style-position": {
"animation-type": "discrete",
"inherited": true,
"initial": "outside",
"valid-types": [
"list-style-position"
]
},
"list-style-type": {
"animation-type": "discrete",
"inherited": true,
"initial": "disc",
"valid-types": [
"string",
"list-style-type"
]
},
"margin": {
"inherited": false,
"initial": "0",
"longhands": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
],
"max-values": 4,
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"margin-block": {
"logical-alias-for": [
"margin"
],
"max-values": 2
},
"margin-block-end": {
"logical-alias-for": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
]
},
"margin-block-start": {
"logical-alias-for": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
]
},
"margin-bottom": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"margin-inline": {
"logical-alias-for": [
"margin"
],
"max-values": 2
},
"margin-inline-end": {
"logical-alias-for": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
]
},
"margin-inline-start": {
"logical-alias-for": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
]
},
"margin-left": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"margin-right": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"margin-top": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"mask": {
"animation-type": "none",
"affects-layout": false,
"affects-stacking-context": true,
"inherited": false,
"valid-identifiers": [
"none"
],
"__comment": "FIXME: This should be a <mask-reference> and/or <mask-layer>#",
"valid-types": [
"url"
],
"initial": "none"
},
"mask-type": {
"animation-type": "discrete",
"inherited": false,
"affects-layout": false,
"valid-types": [
"mask-type"
],
"initial": "luminance"
},
"math-depth": {
"animation-type": "none",
"inherited": true,
"initial": "0",
"__comment": "FIXME: `add(<integer>)` is also valid but we can't represent that here yet.",
"valid-types": [
"integer"
],
"valid-identifiers": [
"auto-add"
]
},
"math-shift": {
"animation-type": "none",
"inherited": true,
"initial": "normal",
"valid-types": [
"math-shift"
]
},
"math-style": {
"animation-type": "none",
"inherited": true,
"initial": "normal",
"valid-types": [
"math-style"
]
},
"max-height": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "none",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"none"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"max-inline-size": {
"logical-alias-for": [
"max-width",
"max-height"
],
"initial": "none"
},
"max-width": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "none",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"fit-content",
"max-content",
"min-content",
"none"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"min-height": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"none"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"min-inline-size": {
"logical-alias-for": [
"min-width",
"min-height"
],
"initial": "0"
},
"min-width": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"fit-content",
"max-content",
"min-content",
"none"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"object-fit": {
"animation-type": "discrete",
"inherited": false,
"initial": "fill",
"valid-types": [
"object-fit"
]
},
"object-position": {
"animation-type": "repeatable-list",
"affects-layout": false,
"inherited": false,
"initial": "50% 50%",
"valid-types": [
"position"
]
},
"opacity": {
"animation-type": "by-computed-value",
"affects-layout": false,
"affects-stacking-context": true,
"inherited": false,
"initial": "1",
"valid-types": [
"number [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "number"
},
"order": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"integer [-∞,∞]"
]
},
"outline": {
"affects-layout": false,
"inherited": false,
"initial": "medium currentColor none",
"longhands": [
"outline-color",
"outline-style",
"outline-width"
]
},
"outline-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"__comment": "FIXME: We don't yet support `invert`. Until we do, the spec directs us to use `currentColor` as the default instead, and reject `invert`",
"initial": "currentColor",
"valid-types": [
"color"
]
},
"outline-offset": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]"
]
},
"outline-style": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "none",
"valid-types": [
"outline-style"
]
},
"outline-width": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "medium",
"valid-types": [
"length [0,∞]"
],
"valid-identifiers": [
"medium",
"thick",
"thin"
]
},
"overflow": {
"longhands": [
"overflow-x",
"overflow-y"
],
"inherited": false,
"initial": "visible",
"max-values": 2,
"valid-types": [
"overflow"
]
},
"overflow-x": {
"animation-type": "discrete",
"inherited": false,
"initial": "visible",
"valid-types": [
"overflow"
]
},
"overflow-y": {
"animation-type": "discrete",
"inherited": false,
"initial": "visible",
"valid-types": [
"overflow"
]
},
"padding": {
"inherited": false,
"initial": "0",
"longhands": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
],
"max-values": 4,
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"padding-block": {
"logical-alias-for": [
"padding"
],
"max-values": 2
},
"padding-block-end": {
"logical-alias-for": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
]
},
"padding-block-start": {
"logical-alias-for": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
]
},
"padding-bottom": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"padding-inline": {
"logical-alias-for": [
"padding"
],
"max-values": 2
},
"padding-inline-end": {
"logical-alias-for": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
]
},
"padding-inline-start": {
"logical-alias-for": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
]
},
"padding-left": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"padding-right": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"padding-top": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"place-content": {
"inherited": false,
"initial": "normal",
"longhands": [
"align-content",
"justify-content"
]
},
"place-items": {
"inherited": false,
"initial": "normal",
"longhands": [
"align-items",
"justify-items"
]
},
"place-self": {
"inherited": false,
"initial": "normal",
"longhands": [
"align-self",
"justify-self"
]
},
"pointer-events": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": true,
"initial": "auto",
"valid-types": [
"pointer-events"
]
},
"position": {
"animation-type": "discrete",
"inherited": false,
"initial": "static",
"valid-types": [
"positioning"
]
},
"quotes": {
"animation-type": "discrete",
"inherited": true,
"initial": "auto",
"valid-types": [
"string"
],
"valid-identifiers": [
"auto",
"none"
]
},
"r": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#R.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"right": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"row-gap": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length"
},
"rx": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#RX.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"ry": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#RY.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"scrollbar-width": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [ "scrollbar-width" ],
"valid-identifiers": [
"auto",
"thin",
"none"
]
},
"stop-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "black",
"valid-types": [
"color"
]
},
"stop-opacity": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "1",
"valid-types": [
"number [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "number"
},
"stroke": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": true,
"initial": "none",
"valid-types": [
"paint"
]
},
"stroke-opacity": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": true,
"initial": "1",
"valid-types": [
"number [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "number"
},
"stroke-width": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": true,
"initial": "1px",
"valid-types": [
"length [0,∞]",
"number [0,∞]",
"percentage [0,∞]"
],
"percentages-resolve-to": "length"
},
"table-layout": {
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-types": [
"table-layout"
]
},
"text-align": {
"animation-type": "discrete",
"inherited": true,
"initial": "left",
"valid-types": [
"text-align"
]
},
"text-anchor": {
"animation-type": "discrete",
"inherited": true,
"initial": "start",
"valid-types": [
"text-anchor"
]
},
"text-decoration": {
"affects-layout": false,
"inherited": false,
"initial": "none",
"longhands": [
"text-decoration-color",
"text-decoration-line",
"text-decoration-style",
"text-decoration-thickness"
]
},
"text-decoration-color": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "currentcolor",
"valid-types": [
"color"
]
},
"text-decoration-line": {
"affects-layout": false,
"animation-type": "discrete",
"__comment": "FIXME: This property is not supposed to be inherited, but we currently rely on inheritance to propagate decorations into line boxes.",
"inherited": true,
"initial": "none",
"valid-types": [
"text-decoration-line"
]
},
"text-decoration-style": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": false,
"initial": "solid",
"valid-types": [
"text-decoration-style"
]
},
"text-decoration-thickness": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto",
"from-font"
],
"percentages-resolve-to": "length"
},
"text-indent": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"text-justify": {
"animation-type": "discrete",
"inherited": true,
"initial": "auto",
"valid-types": [
"text-justify"
]
},
"text-shadow": {
"affects-layout": false,
"animation-type": "custom",
"inherited": true,
"initial": "none",
"valid-identifiers": [
"none"
]
},
"text-transform": {
"animation-type": "discrete",
"inherited": true,
"initial": "none",
"valid-types": [
"text-transform"
]
},
"top": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"auto"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"transform": {
"animation-type": "custom",
"inherited": false,
"initial": "none",
"affects-layout": false,
"affects-stacking-context": true
},
"transform-box": {
"animation-type": "discrete",
"inherited": false,
"initial": "view-box",
"affects-layout": false,
"valid-types": [
"transform-box"
]
},
"transform-origin": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "50% 50%",
"max-values": 3,
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"bottom",
"center",
"left",
"right",
"top"
],
"percentages-resolve-to": "length"
},
"transition": {
"affects-layout": true,
"inherited": false,
"initial": "none",
"longhands": [
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay"
]
},
"transition-delay": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "0s",
"valid-types": [
"time"
]
},
"transition-duration": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "0s",
"valid-types": [
"time"
]
},
"transition-property": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "all",
"valid-types": [
"string",
"custom-ident"
],
"valid-identifiers": [
"all",
"none"
]
},
"transition-timing-function": {
"affects-layout": true,
"animation-type": "none",
"inherited": false,
"initial": "ease",
"valid-types": [
"easing-function"
]
},
"user-select": {
"affects-layout": false,
"animation-type": "discrete",
"inherited": false,
"initial": "auto",
"valid-identifiers": [
"all",
"auto",
"contain",
"none",
"text"
]
},
"vertical-align": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "baseline",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]",
"vertical-align"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"visibility": {
"animation-type": "custom",
"inherited": true,
"initial": "visible",
"valid-types": [
"visibility"
]
},
"white-space": {
"animation-type": "discrete",
"inherited": true,
"initial": "normal",
"valid-types": [
"white-space"
]
},
"width": {
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"length [0,∞]",
"percentage [0,∞]"
],
"valid-identifiers": [
"auto",
"fit-content",
"max-content",
"min-content"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"word-spacing": {
"animation-type": "by-computed-value",
"inherited": true,
"initial": "normal",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"valid-identifiers": [
"normal"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"word-wrap": {
"animation-type": "discrete",
"inherited": true,
"initial": "normal",
"valid-identifiers": [
"anywhere",
"break-word",
"normal"
]
},
"x": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#X.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"y": {
"__comment": "This is an SVG 2 geometry property, see: https://www.w3.org/TR/SVG/geometry.html#Y.",
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"valid-types": [
"length [-∞,∞]",
"percentage [-∞,∞]"
],
"percentages-resolve-to": "length",
"quirks": [
"unitless-length"
]
},
"z-index": {
"affects-layout": false,
"affects-stacking-context": true,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "auto",
"valid-types": [
"integer [-∞,∞]"
],
"valid-identifiers": [
"auto"
]
}
}