| { |
| "absolute-size": { |
| "syntax": "xx-small | x-small | small | medium | large | x-large | xx-large" |
| }, |
| "alpha-value": { |
| "syntax": "<number> | <percentage>" |
| }, |
| "angle-percentage": { |
| "syntax": "<angle> | <percentage>" |
| }, |
| "animateable-feature": { |
| "syntax": "scroll-position | contents | <custom-ident>" |
| }, |
| "attachment": { |
| "syntax": "scroll | fixed | local" |
| }, |
| "attr()": { |
| "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )" |
| }, |
| "attr-matcher": { |
| "syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='" |
| }, |
| "attr-modifier": { |
| "syntax": "i" |
| }, |
| "attribute-selector": { |
| "syntax": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'" |
| }, |
| "auto-repeat": { |
| "syntax": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )" |
| }, |
| "auto-track-list": { |
| "syntax": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?" |
| }, |
| "baseline-position": { |
| "syntax": "[ first | last ]? baseline" |
| }, |
| "basic-shape": { |
| "syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()>" |
| }, |
| "bg-image": { |
| "syntax": "none | <image>" |
| }, |
| "bg-layer": { |
| "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>" |
| }, |
| "bg-position": { |
| "syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]" |
| }, |
| "bg-size": { |
| "syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain" |
| }, |
| "blur()": { |
| "syntax": "blur( <length> )" |
| }, |
| "blend-mode": { |
| "syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity" |
| }, |
| "box": { |
| "syntax": "border-box | padding-box | content-box" |
| }, |
| "br-style": { |
| "syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" |
| }, |
| "br-width": { |
| "syntax": "<length> | thin | medium | thick" |
| }, |
| "brightness()": { |
| "syntax": "brightness( <number-percentage> )" |
| }, |
| "calc()": { |
| "syntax": "calc( <calc-sum> )" |
| }, |
| "calc-sum": { |
| "syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*" |
| }, |
| "calc-product": { |
| "syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*" |
| }, |
| "calc-value": { |
| "syntax": "<number> | <dimension> | <percentage> | ( <calc-sum> )" |
| }, |
| "cf-final-image": { |
| "syntax": "<image> | <color>" |
| }, |
| "cf-mixing-image": { |
| "syntax": "<percentage>? && <image>" |
| }, |
| "circle()": { |
| "syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )" |
| }, |
| "class-selector": { |
| "syntax": "'.' <ident-token>" |
| }, |
| "clip-source": { |
| "syntax": "<url>" |
| }, |
| "color": { |
| "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>" |
| }, |
| "color-stop": { |
| "syntax": "<color> <length-percentage>?" |
| }, |
| "color-stop-list": { |
| "syntax": "<color-stop>#{2,}" |
| }, |
| "common-lig-values": { |
| "syntax": "[ common-ligatures | no-common-ligatures ]" |
| }, |
| "composite-style": { |
| "syntax": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor" |
| }, |
| "compositing-operator": { |
| "syntax": "add | subtract | intersect | exclude" |
| }, |
| "compound-selector": { |
| "syntax": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!" |
| }, |
| "compound-selector-list": { |
| "syntax": "<compound-selector>#" |
| }, |
| "contextual-alt-values": { |
| "syntax": "[ contextual | no-contextual ]" |
| }, |
| "content-distribution": { |
| "syntax": "space-between | space-around | space-evenly | stretch" |
| }, |
| "content-list": { |
| "syntax": "[ <string> | contents | <image> | <quote> | <target> | <leader()> ]+" |
| }, |
| "content-position": { |
| "syntax": "center | start | end | flex-start | flex-end" |
| }, |
| "content-replacement": { |
| "syntax": "<image>" |
| }, |
| "contrast()": { |
| "syntax": "contrast( [ <number-percentage> ] )" |
| }, |
| "counter-style": { |
| "syntax": "<counter-style-name> | symbols()" |
| }, |
| "counter-style-name": { |
| "syntax": "<custom-ident>" |
| }, |
| "cross-fade()": { |
| "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )" |
| }, |
| "cubic-bezier-timing-function": { |
| "syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)" |
| }, |
| "deprecated-system-color": { |
| "syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText" |
| }, |
| "discretionary-lig-values": { |
| "syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]" |
| }, |
| "display-box": { |
| "syntax": "contents | none" |
| }, |
| "display-inside": { |
| "syntax": "flow | flow-root | table | flex | grid | subgrid | ruby" |
| }, |
| "display-internal": { |
| "syntax": "table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container" |
| }, |
| "display-legacy": { |
| "syntax": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid" |
| }, |
| "display-listitem": { |
| "syntax": "<display-outside>? && [ flow | flow-root ]? && list-item" |
| }, |
| "display-outside": { |
| "syntax": "block | inline | run-in" |
| }, |
| "drop-shadow()": { |
| "syntax": "drop-shadow( <length>{2,3} <color>? )" |
| }, |
| "east-asian-variant-values": { |
| "syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]" |
| }, |
| "east-asian-width-values": { |
| "syntax": "[ full-width | proportional-width ]" |
| }, |
| "element()": { |
| "syntax": "element( <id-selector> )" |
| }, |
| "ellipse()": { |
| "syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )" |
| }, |
| "ending-shape": { |
| "syntax": "circle | ellipse" |
| }, |
| "explicit-track-list": { |
| "syntax": "[ <line-names>? <track-size> ]+ <line-names>?" |
| }, |
| "family-name": { |
| "syntax": "<string> | <custom-ident>+" |
| }, |
| "feature-tag-value": { |
| "syntax": "<string> [ <integer> | on | off ]?" |
| }, |
| "feature-type": { |
| "syntax": "@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation" |
| }, |
| "feature-value-block": { |
| "syntax": "<feature-type> {\n <feature-value-declaration-list>\n}" |
| }, |
| "feature-value-block-list": { |
| "syntax": "<feature-value-block>+" |
| }, |
| "feature-value-declaration": { |
| "syntax": "<custom-ident>: <integer>+;" |
| }, |
| "feature-value-declaration-list": { |
| "syntax": "<feature-value-declaration>" |
| }, |
| "feature-value-name": { |
| "syntax": "<custom-ident>" |
| }, |
| "fill-rule": { |
| "syntax": "nonzero | evenodd" |
| }, |
| "filter-function": { |
| "syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>" |
| }, |
| "filter-function-list": { |
| "syntax": "[ <filter-function> | <url> ]+" |
| }, |
| "final-bg-layer": { |
| "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>" |
| }, |
| "fit-content()": { |
| "syntax": "fit-content( [ <length> | <percentage> ] )" |
| }, |
| "fixed-breadth": { |
| "syntax": "<length-percentage>" |
| }, |
| "fixed-repeat": { |
| "syntax": "repeat( [ <positive-integer> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )" |
| }, |
| "fixed-size": { |
| "syntax": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )" |
| }, |
| "font-stretch-absolute": { |
| "syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>" |
| }, |
| "font-variant-css21": { |
| "syntax": "[ normal | small-caps ]" |
| }, |
| "font-weight-absolute": { |
| "syntax": "normal | bold | <number>" |
| }, |
| "frames-timing-function": { |
| "syntax": "frames(<integer>)" |
| }, |
| "frequency-percentage": { |
| "syntax": "<frequency> | <percentage>" |
| }, |
| "general-enclosed": { |
| "syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )" |
| }, |
| "generic-family": { |
| "syntax": "serif | sans-serif | cursive | fantasy | monospace" |
| }, |
| "generic-name": { |
| "syntax": "serif | sans-serif | cursive | fantasy | monospace" |
| }, |
| "geometry-box": { |
| "syntax": "<shape-box> | fill-box | stroke-box | view-box" |
| }, |
| "gradient": { |
| "syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>" |
| }, |
| "grayscale()": { |
| "syntax": "grayscale( <number-percentage> )" |
| }, |
| "grid-line": { |
| "syntax": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]" |
| }, |
| "historical-lig-values": { |
| "syntax": "[ historical-ligatures | no-historical-ligatures ]" |
| }, |
| "hsl()": { |
| "syntax": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )" |
| }, |
| "hsla()": { |
| "syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )" |
| }, |
| "hue": { |
| "syntax": "<number> | <angle>" |
| }, |
| "hue-rotate()": { |
| "syntax": "hue-rotate( <angle> )" |
| }, |
| "id-selector": { |
| "syntax": "<hash-token>" |
| }, |
| "image": { |
| "syntax": "<url> | <image()> | <image-set()> | <element()> | <cross-fade()> | <gradient>" |
| }, |
| "image()": { |
| "syntax": "image( [ [ <image> | <string> ]? , <color>? ]! )" |
| }, |
| "image-set()": { |
| "syntax": "image-set( <image-set-option># )" |
| }, |
| "image-set-option": { |
| "syntax": "[ <image> | <string> ] <resolution>" |
| }, |
| "inflexible-breadth": { |
| "syntax": "<length> | <percentage> | min-content | max-content | auto" |
| }, |
| "inset()": { |
| "syntax": "inset( <length-percentage>{1,4} [ round <border-radius> ]? )" |
| }, |
| "invert()": { |
| "syntax": "invert( <number-percentage> )" |
| }, |
| "keyframes-name": { |
| "syntax": "<custom-ident> | <string>" |
| }, |
| "keyframe-block": { |
| "syntax": "<keyframe-selector># {\n <declaration-list>\n}" |
| }, |
| "keyframe-block-list": { |
| "syntax": "<keyframe-block>+" |
| }, |
| "keyframe-selector": { |
| "syntax": "from | to | <percentage>" |
| }, |
| "leader()": { |
| "syntax": "leader( <leader-type> )" |
| }, |
| "leader-type": { |
| "syntax": "dotted | solid | space | <string>" |
| }, |
| "length-percentage": { |
| "syntax": "<length> | <percentage>" |
| }, |
| "line-names": { |
| "syntax": "'[' <custom-ident>* ']'" |
| }, |
| "line-name-list": { |
| "syntax": "[ <line-names> | <name-repeat> ]+" |
| }, |
| "linear-gradient()": { |
| "syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )" |
| }, |
| "mask-layer": { |
| "syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>" |
| }, |
| "mask-position": { |
| "syntax": "[ <length-percentage> | left | center | right ] [ <length-percentage> | top | center | bottom ]?" |
| }, |
| "mask-reference": { |
| "syntax": "none | <image> | <mask-source>" |
| }, |
| "mask-source": { |
| "syntax": "<url>" |
| }, |
| "masking-mode": { |
| "syntax": "alpha | luminance | match-source" |
| }, |
| "matrix()": { |
| "syntax": "matrix( <number> [, <number> ]{5,5} )" |
| }, |
| "matrix3d()": { |
| "syntax": "matrix3d( <number> [, <number> ]{15,15} )" |
| }, |
| "media-and": { |
| "syntax": "<media-in-parens> [ and <media-in-parens> ]+" |
| }, |
| "media-condition": { |
| "syntax": "<media-not> | <media-and> | <media-or> | <media-in-parens>" |
| }, |
| "media-condition-without-or": { |
| "syntax": "<media-not> | <media-and> | <media-in-parens>" |
| }, |
| "media-feature": { |
| "syntax": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )" |
| }, |
| "media-in-parens": { |
| "syntax": "( <media-condition> ) | <media-feature> | <general-enclosed>" |
| }, |
| "media-not": { |
| "syntax": "not <media-in-parens>" |
| }, |
| "media-or": { |
| "syntax": "<media-in-parens> [ or <media-in-parens> ]+" |
| }, |
| "media-query": { |
| "syntax": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?" |
| }, |
| "media-query-list": { |
| "syntax": "<media-query>#" |
| }, |
| "media-type": { |
| "syntax": "<ident>" |
| }, |
| "mf-boolean": { |
| "syntax": "<mf-name>" |
| }, |
| "mf-name": { |
| "syntax": "<ident>" |
| }, |
| "mf-plain": { |
| "syntax": "<mf-name> : <mf-value>" |
| }, |
| "mf-range": { |
| "syntax": "<mf-name> [ '<' | '>' ]? '='? <mf-value>\n| <mf-value> [ '<' | '>' ]? '='? <mf-name>\n| <mf-value> '<' '='? <mf-name> '<' '='? <mf-value>\n| <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>" |
| }, |
| "mf-value": { |
| "syntax": "<number> | <dimension> | <ident> | <ratio>" |
| }, |
| "minmax()": { |
| "syntax": "minmax( [ <length> | <percentage> | <flex> | min-content | max-content | auto ] , [ <length> | <percentage> | <flex> | min-content | max-content | auto ] )" |
| }, |
| "named-color": { |
| "syntax": "transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen" |
| }, |
| "namespace-prefix": { |
| "syntax": "<ident>" |
| }, |
| "ns-prefix": { |
| "syntax": "[ <ident-token> | '*' ]? '|'" |
| }, |
| "number-percentage": { |
| "syntax": "<number> | <percentage>" |
| }, |
| "numeric-figure-values": { |
| "syntax": "[ lining-nums | oldstyle-nums ]" |
| }, |
| "numeric-fraction-values": { |
| "syntax": "[ diagonal-fractions | stacked-fractions ]" |
| }, |
| "numeric-spacing-values": { |
| "syntax": "[ proportional-nums | tabular-nums ]" |
| }, |
| "nth": { |
| "syntax": "<an-plus-b> | even | odd" |
| }, |
| "opacity()": { |
| "syntax": "opacity( [ <number-percentage> ] )" |
| }, |
| "overflow-position": { |
| "syntax": "unsafe | safe" |
| }, |
| "outline-radius": { |
| "syntax": "<length> | <percentage>" |
| }, |
| "page-body": { |
| "syntax": "<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>" |
| }, |
| "page-margin-box": { |
| "syntax": "<page-margin-box-type> {\n <declaration-list>\n}" |
| }, |
| "page-margin-box-type": { |
| "syntax": "@top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom" |
| }, |
| "page-selector-list": { |
| "syntax": "[ <page-selector># ]?" |
| }, |
| "page-selector": { |
| "syntax": "<pseudo-page>+ | <ident> <pseudo-page>*" |
| }, |
| "perspective()": { |
| "syntax": "perspective( <length> )" |
| }, |
| "polygon()": { |
| "syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )" |
| }, |
| "position": { |
| "syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]" |
| }, |
| "pseudo-class-selector": { |
| "syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'" |
| }, |
| "pseudo-element-selector": { |
| "syntax": "':' <pseudo-class-selector>" |
| }, |
| "pseudo-page": { |
| "syntax": ": [ left | right | first | blank ]" |
| }, |
| "quote": { |
| "syntax": "open-quote | close-quote | no-open-quote | no-close-quote" |
| }, |
| "radial-gradient()": { |
| "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )" |
| }, |
| "relative-size": { |
| "syntax": "larger | smaller" |
| }, |
| "repeat-style": { |
| "syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}" |
| }, |
| "repeating-linear-gradient()": { |
| "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )" |
| }, |
| "repeating-radial-gradient()": { |
| "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )" |
| }, |
| "rgb()": { |
| "syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )" |
| }, |
| "rgba()": { |
| "syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )" |
| }, |
| "rotate()": { |
| "syntax": "rotate( <angle> )" |
| }, |
| "rotate3d()": { |
| "syntax": "rotate3d( <number> , <number> , <number> , <angle> )" |
| }, |
| "rotateX()": { |
| "syntax": "rotateX( <angle> )" |
| }, |
| "rotateY()": { |
| "syntax": "rotateY( <angle> )" |
| }, |
| "rotateZ()": { |
| "syntax": "rotateZ( <angle> )" |
| }, |
| "saturate()": { |
| "syntax": "saturate( <number-percentage> )" |
| }, |
| "scale()": { |
| "syntax": "scale( <number> [, <number> ]? )" |
| }, |
| "scale3d()": { |
| "syntax": "scale3d( <number> , <number> , <number> )" |
| }, |
| "scaleX()": { |
| "syntax": "scaleX( <number> )" |
| }, |
| "scaleY()": { |
| "syntax": "scaleY( <number> )" |
| }, |
| "scaleZ()": { |
| "syntax": "scaleZ( <number> )" |
| }, |
| "self-position": { |
| "syntax": "center | start | end | self-start | self-end | flex-start | flex-end" |
| }, |
| "shape-radius": { |
| "syntax": "<length-percentage> | closest-side | farthest-side" |
| }, |
| "skew()": { |
| "syntax": "skew( <angle> [, <angle> ]? )" |
| }, |
| "skewX()": { |
| "syntax": "skewX( <angle> )" |
| }, |
| "skewY()": { |
| "syntax": "skewY( <angle> )" |
| }, |
| "sepia()": { |
| "syntax": "sepia( <number-percentage> )" |
| }, |
| "shadow": { |
| "syntax": "inset? && <length>{2,4} && <color>?" |
| }, |
| "shadow-t": { |
| "syntax": "[ <length>{2,3} && <color>? ]" |
| }, |
| "shape": { |
| "syntax": "rect(<top>, <right>, <bottom>, <left>)" |
| }, |
| "shape-box": { |
| "syntax": "<box> | margin-box" |
| }, |
| "side-or-corner": { |
| "syntax": "[ left | right ] || [ top | bottom ]" |
| }, |
| "single-animation": { |
| "syntax": "<time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]" |
| }, |
| "single-animation-direction": { |
| "syntax": "normal | reverse | alternate | alternate-reverse" |
| }, |
| "single-animation-fill-mode": { |
| "syntax": "none | forwards | backwards | both" |
| }, |
| "single-animation-iteration-count": { |
| "syntax": "infinite | <number>" |
| }, |
| "single-animation-play-state": { |
| "syntax": "running | paused" |
| }, |
| "single-timing-function": { |
| "syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function> | <frames-timing-function>" |
| }, |
| "single-transition": { |
| "syntax": "[ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>" |
| }, |
| "single-transition-timing-function": { |
| "syntax": "<single-timing-function>" |
| }, |
| "single-transition-property": { |
| "syntax": "all | <custom-ident>" |
| }, |
| "size": { |
| "syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}" |
| }, |
| "step-timing-function": { |
| "syntax": "step-start | step-end | steps(<integer>[, [ start | end ] ]?)" |
| }, |
| "subclass-selector": { |
| "syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>" |
| }, |
| "symbol": { |
| "syntax": "<string> | <image> | <custom-ident>" |
| }, |
| "target": { |
| "syntax": "<target-counter()> | <target-counters()> | <target-text()>" |
| }, |
| "target-counter()": { |
| "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )" |
| }, |
| "target-counters()": { |
| "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )" |
| }, |
| "target-text()": { |
| "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )" |
| }, |
| "time-percentage": { |
| "syntax": "<time> | <percentage>" |
| }, |
| "track-breadth": { |
| "syntax": "<length-percentage> | <flex> | min-content | max-content | auto" |
| }, |
| "track-list": { |
| "syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?" |
| }, |
| "track-repeat": { |
| "syntax": "repeat( [ <positive-integer> ] , [ <line-names>? <track-size> ]+ <line-names>? )" |
| }, |
| "track-size": { |
| "syntax": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( [ <length> | <percentage> ] )" |
| }, |
| "transform-function": { |
| "syntax": "<matrix()> | <translate()> | <translateX()> | <translateY()> | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()> | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>" |
| }, |
| "transform-list": { |
| "syntax": "<transform-function>+" |
| }, |
| "translate()": { |
| "syntax": "translate( <length-percentage> [, <length-percentage> ]? )" |
| }, |
| "translate3d()": { |
| "syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )" |
| }, |
| "translateX()": { |
| "syntax": "translateX( <length-percentage> )" |
| }, |
| "translateY()": { |
| "syntax": "translateY( <length-percentage> )" |
| }, |
| "translateZ()": { |
| "syntax": "translateZ( <length> )" |
| }, |
| "type-or-unit": { |
| "syntax": "string | integer | color | url | integer | number | length | angle | time | frequency | em | ex | px | rem | vw | vh | vmin | vmax | mm | q | cm | in | pt | pc | deg | grad | rad | ms | s | Hz | kHz | %" |
| }, |
| "type-selector": { |
| "syntax": "<wq-name> | <ns-prefix>? '*'" |
| }, |
| "var()": { |
| "syntax": "var( <custom-property-name> [, <declaration-value> ]? )" |
| }, |
| "viewport-length": { |
| "syntax": "auto | <length-percentage>" |
| }, |
| "wq-name": { |
| "syntax": "<ns-prefix>? <ident-token>" |
| } |
| } |