@webref/css 6.23.18 → 6.23.22

package/CSS.json

@@ -14,6 +14,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "media": "visual",
       "values": [
         {
@@ -39,6 +40,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "values": [
         {
@@ -92,6 +94,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "values": [
         {
@@ -145,6 +148,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "media": "visual, paged",
       "values": [
         {
@@ -486,7 +490,8 @@
       "name": "<shape>",
       "prose": "In CSS 2, the only valid <shape> value is: rect(<top>, <right>, <bottom>, <left>) where <top> and <bottom> specify offsets from the top border edge of the box, and <right>, and <left> specify offsets from the left border edge of the box. Authors should separate offset values with commas. User agents must support separation with commas, but may also support separation without commas (but not a combination), because a previous revision of this specification was ambiguous in this respect. <top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box). When coordinates are rounded to pixel coordinates, care should be taken that no pixels remain visible when <left> and <right> have the same value (or <top> and <bottom> have the same value), and conversely that no pixels within the element’s border box remain hidden when these values are auto.",
       "href": "https://drafts.csswg.org/css2/#value-def-shape",
-      "type": "type"
+      "type": "type",
+      "value": "rect(<top>, <right>, <bottom>, <left>)"
     },
     {
       "name": "<top>",
@@ -551,12 +556,14 @@
     {
       "name": "<absolute-size>",
       "href": "https://drafts.csswg.org/css2/#value-def-absolute-size",
-      "type": "type"
+      "type": "type",
+      "value": "xx-small | x-small | small | medium | large | x-large | xx-large"
     },
     {
       "name": "<relative-size>",
       "href": "https://drafts.csswg.org/css2/#value-def-relative-size",
-      "type": "type"
+      "type": "type",
+      "value": "larger | smaller"
     }
   ]
 }

package/SVG.json

@@ -351,7 +351,8 @@
       "styleDeclaration": [
         "stop-color",
         "stopColor"
-      ]
+      ],
+      "value": "<'color'>"
     },
     {
       "name": "stop-opacity",
@@ -359,7 +360,8 @@
       "styleDeclaration": [
         "stop-opacity",
         "stopOpacity"
-      ]
+      ],
+      "value": "<'opacity'>"
     }
   ],
   "atrules": [],

package/compat.json

@@ -101,7 +101,8 @@
         "-webkit-align-items",
         "WebkitAlignItems",
         "webkitAlignItems"
-      ]
+      ],
+      "value": "normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
     },
     {
       "name": "-webkit-align-content",
@@ -111,7 +112,8 @@
         "-webkit-align-content",
         "WebkitAlignContent",
         "webkitAlignContent"
-      ]
+      ],
+      "value": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
     },
     {
       "name": "-webkit-align-self",
@@ -121,7 +123,8 @@
         "-webkit-align-self",
         "WebkitAlignSelf",
         "webkitAlignSelf"
-      ]
+      ],
+      "value": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
     },
     {
       "name": "-webkit-animation-name",
@@ -131,7 +134,8 @@
         "-webkit-animation-name",
         "WebkitAnimationName",
         "webkitAnimationName"
-      ]
+      ],
+      "value": "[ none | <keyframes-name> ]#"
     },
     {
       "name": "-webkit-animation-duration",
@@ -141,7 +145,8 @@
         "-webkit-animation-duration",
         "WebkitAnimationDuration",
         "webkitAnimationDuration"
-      ]
+      ],
+      "value": "<time [0s,∞]>#"
     },
     {
       "name": "-webkit-animation-timing-function",
@@ -151,7 +156,8 @@
         "-webkit-animation-timing-function",
         "WebkitAnimationTimingFunction",
         "webkitAnimationTimingFunction"
-      ]
+      ],
+      "value": "<easing-function>#"
     },
     {
       "name": "-webkit-animation-iteration-count",
@@ -161,7 +167,8 @@
         "-webkit-animation-iteration-count",
         "WebkitAnimationIterationCount",
         "webkitAnimationIterationCount"
-      ]
+      ],
+      "value": "<single-animation-iteration-count>#"
     },
     {
       "name": "-webkit-animation-direction",
@@ -171,7 +178,8 @@
         "-webkit-animation-direction",
         "WebkitAnimationDirection",
         "webkitAnimationDirection"
-      ]
+      ],
+      "value": "<single-animation-direction>#"
     },
     {
       "name": "-webkit-animation-play-state",
@@ -181,7 +189,8 @@
         "-webkit-animation-play-state",
         "WebkitAnimationPlayState",
         "webkitAnimationPlayState"
-      ]
+      ],
+      "value": "<single-animation-play-state>#"
     },
     {
       "name": "-webkit-animation-delay",
@@ -191,7 +200,8 @@
         "-webkit-animation-delay",
         "WebkitAnimationDelay",
         "webkitAnimationDelay"
-      ]
+      ],
+      "value": "<time>#"
     },
     {
       "name": "-webkit-animation-fill-mode",
@@ -201,7 +211,8 @@
         "-webkit-animation-fill-mode",
         "WebkitAnimationFillMode",
         "webkitAnimationFillMode"
-      ]
+      ],
+      "value": "<single-animation-fill-mode>#"
     },
     {
       "name": "-webkit-animation",
@@ -211,7 +222,8 @@
         "-webkit-animation",
         "WebkitAnimation",
         "webkitAnimation"
-      ]
+      ],
+      "value": "<single-animation>#"
     },
     {
       "name": "-webkit-backface-visibility",
@@ -221,7 +233,8 @@
         "-webkit-backface-visibility",
         "WebkitBackfaceVisibility",
         "webkitBackfaceVisibility"
-      ]
+      ],
+      "value": "visible | hidden"
     },
     {
       "name": "-webkit-background-clip",
@@ -231,7 +244,8 @@
         "-webkit-background-clip",
         "WebkitBackgroundClip",
         "webkitBackgroundClip"
-      ]
+      ],
+      "value": "<visual-box>#"
     },
     {
       "name": "-webkit-background-origin",
@@ -241,7 +255,8 @@
         "-webkit-background-origin",
         "WebkitBackgroundOrigin",
         "webkitBackgroundOrigin"
-      ]
+      ],
+      "value": "<visual-box>#"
     },
     {
       "name": "-webkit-background-size",
@@ -251,7 +266,8 @@
         "-webkit-background-size",
         "WebkitBackgroundSize",
         "webkitBackgroundSize"
-      ]
+      ],
+      "value": "<bg-size>#"
     },
     {
       "name": "-webkit-border-bottom-left-radius",
@@ -261,7 +277,8 @@
         "-webkit-border-bottom-left-radius",
         "WebkitBorderBottomLeftRadius",
         "webkitBorderBottomLeftRadius"
-      ]
+      ],
+      "value": "<border-radius>"
     },
     {
       "name": "-webkit-border-bottom-right-radius",
@@ -271,7 +288,8 @@
         "-webkit-border-bottom-right-radius",
         "WebkitBorderBottomRightRadius",
         "webkitBorderBottomRightRadius"
-      ]
+      ],
+      "value": "<border-radius>"
     },
     {
       "name": "-webkit-border-top-left-radius",
@@ -281,7 +299,8 @@
         "-webkit-border-top-left-radius",
         "WebkitBorderTopLeftRadius",
         "webkitBorderTopLeftRadius"
-      ]
+      ],
+      "value": "<border-radius>"
     },
     {
       "name": "-webkit-border-top-right-radius",
@@ -291,7 +310,8 @@
         "-webkit-border-top-right-radius",
         "WebkitBorderTopRightRadius",
         "webkitBorderTopRightRadius"
-      ]
+      ],
+      "value": "<border-radius>"
     },
     {
       "name": "-webkit-border-radius",
@@ -301,7 +321,8 @@
         "-webkit-border-radius",
         "WebkitBorderRadius",
         "webkitBorderRadius"
-      ]
+      ],
+      "value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
     },
     {
       "name": "-webkit-box-shadow",
@@ -311,7 +332,8 @@
         "-webkit-box-shadow",
         "WebkitBoxShadow",
         "webkitBoxShadow"
-      ]
+      ],
+      "value": "<spread-shadow>#"
     },
     {
       "name": "-webkit-box-sizing",
@@ -321,7 +343,8 @@
         "-webkit-box-sizing",
         "WebkitBoxSizing",
         "webkitBoxSizing"
-      ]
+      ],
+      "value": "content-box | border-box"
     },
     {
       "name": "-webkit-flex",
@@ -331,7 +354,8 @@
         "-webkit-flex",
         "WebkitFlex",
         "webkitFlex"
-      ]
+      ],
+      "value": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
     },
     {
       "name": "-webkit-flex-basis",
@@ -341,7 +365,8 @@
         "-webkit-flex-basis",
         "WebkitFlexBasis",
         "webkitFlexBasis"
-      ]
+      ],
+      "value": "content | <'width'>"
     },
     {
       "name": "-webkit-flex-direction",
@@ -351,7 +376,8 @@
         "-webkit-flex-direction",
         "WebkitFlexDirection",
         "webkitFlexDirection"
-      ]
+      ],
+      "value": "row | row-reverse | column | column-reverse"
     },
     {
       "name": "-webkit-flex-flow",
@@ -361,7 +387,8 @@
         "-webkit-flex-flow",
         "WebkitFlexFlow",
         "webkitFlexFlow"
-      ]
+      ],
+      "value": "<'flex-direction'> || <'flex-wrap'>"
     },
     {
       "name": "-webkit-flex-grow",
@@ -371,7 +398,8 @@
         "-webkit-flex-grow",
         "WebkitFlexGrow",
         "webkitFlexGrow"
-      ]
+      ],
+      "value": "<number [0,∞]>"
     },
     {
       "name": "-webkit-flex-shrink",
@@ -381,7 +409,8 @@
         "-webkit-flex-shrink",
         "WebkitFlexShrink",
         "webkitFlexShrink"
-      ]
+      ],
+      "value": "<number [0,∞]>"
     },
     {
       "name": "-webkit-flex-wrap",
@@ -391,7 +420,8 @@
         "-webkit-flex-wrap",
         "WebkitFlexWrap",
         "webkitFlexWrap"
-      ]
+      ],
+      "value": "nowrap | wrap | wrap-reverse"
     },
     {
       "name": "-webkit-filter",
@@ -401,7 +431,8 @@
         "-webkit-filter",
         "WebkitFilter",
         "webkitFilter"
-      ]
+      ],
+      "value": "none | <filter-value-list>"
     },
     {
       "name": "-webkit-justify-content",
@@ -411,7 +442,8 @@
         "-webkit-justify-content",
         "WebkitJustifyContent",
         "webkitJustifyContent"
-      ]
+      ],
+      "value": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
     },
     {
       "name": "-webkit-mask",
@@ -421,7 +453,8 @@
         "-webkit-mask",
         "WebkitMask",
         "webkitMask"
-      ]
+      ],
+      "value": "<mask-layer>#"
     },
     {
       "name": "-webkit-mask-box-image",
@@ -431,7 +464,8 @@
         "-webkit-mask-box-image",
         "WebkitMaskBoxImage",
         "webkitMaskBoxImage"
-      ]
+      ],
+      "value": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
     },
     {
       "name": "-webkit-mask-box-image-outset",
@@ -441,7 +475,8 @@
         "-webkit-mask-box-image-outset",
         "WebkitMaskBoxImageOutset",
         "webkitMaskBoxImageOutset"
-      ]
+      ],
+      "value": "[ <length> | <number> ]{1,4}"
     },
     {
       "name": "-webkit-mask-box-image-repeat",
@@ -451,7 +486,8 @@
         "-webkit-mask-box-image-repeat",
         "WebkitMaskBoxImageRepeat",
         "webkitMaskBoxImageRepeat"
-      ]
+      ],
+      "value": "[ stretch | repeat | round | space ]{1,2}"
     },
     {
       "name": "-webkit-mask-box-image-slice",
@@ -461,7 +497,8 @@
         "-webkit-mask-box-image-slice",
         "WebkitMaskBoxImageSlice",
         "webkitMaskBoxImageSlice"
-      ]
+      ],
+      "value": "[ <number> | <percentage> ]{1,4} fill?"
     },
     {
       "name": "-webkit-mask-box-image-source",
@@ -471,7 +508,8 @@
         "-webkit-mask-box-image-source",
         "WebkitMaskBoxImageSource",
         "webkitMaskBoxImageSource"
-      ]
+      ],
+      "value": "none | <image>"
     },
     {
       "name": "-webkit-mask-box-image-width",
@@ -481,7 +519,8 @@
         "-webkit-mask-box-image-width",
         "WebkitMaskBoxImageWidth",
         "webkitMaskBoxImageWidth"
-      ]
+      ],
+      "value": "[ <length-percentage> | <number> | auto ]{1,4}"
     },
     {
       "name": "-webkit-mask-clip",
@@ -491,7 +530,8 @@
         "-webkit-mask-clip",
         "WebkitMaskClip",
         "webkitMaskClip"
-      ]
+      ],
+      "value": "[ <coord-box> | no-clip ]#"
     },
     {
       "name": "-webkit-mask-composite",
@@ -501,7 +541,8 @@
         "-webkit-mask-composite",
         "WebkitMaskComposite",
         "webkitMaskComposite"
-      ]
+      ],
+      "value": "<compositing-operator>#"
     },
     {
       "name": "-webkit-mask-image",
@@ -511,7 +552,8 @@
         "-webkit-mask-image",
         "WebkitMaskImage",
         "webkitMaskImage"
-      ]
+      ],
+      "value": "<mask-reference>#"
     },
     {
       "name": "-webkit-mask-origin",
@@ -521,7 +563,8 @@
         "-webkit-mask-origin",
         "WebkitMaskOrigin",
         "webkitMaskOrigin"
-      ]
+      ],
+      "value": "<coord-box>#"
     },
     {
       "name": "-webkit-mask-position",
@@ -531,7 +574,8 @@
         "-webkit-mask-position",
         "WebkitMaskPosition",
         "webkitMaskPosition"
-      ]
+      ],
+      "value": "<position>#"
     },
     {
       "name": "-webkit-mask-repeat",
@@ -541,7 +585,8 @@
         "-webkit-mask-repeat",
         "WebkitMaskRepeat",
         "webkitMaskRepeat"
-      ]
+      ],
+      "value": "<repeat-style>#"
     },
     {
       "name": "-webkit-mask-size",
@@ -551,7 +596,8 @@
         "-webkit-mask-size",
         "WebkitMaskSize",
         "webkitMaskSize"
-      ]
+      ],
+      "value": "<bg-size>#"
     },
     {
       "name": "-webkit-order",
@@ -561,7 +607,8 @@
         "-webkit-order",
         "WebkitOrder",
         "webkitOrder"
-      ]
+      ],
+      "value": "<integer>"
     },
     {
       "name": "-webkit-perspective",
@@ -571,7 +618,8 @@
         "-webkit-perspective",
         "WebkitPerspective",
         "webkitPerspective"
-      ]
+      ],
+      "value": "none | <length [0,∞]>"
     },
     {
       "name": "-webkit-perspective-origin",
@@ -581,7 +629,8 @@
         "-webkit-perspective-origin",
         "WebkitPerspectiveOrigin",
         "webkitPerspectiveOrigin"
-      ]
+      ],
+      "value": "<position>"
     },
     {
       "name": "-webkit-transform-origin",
@@ -591,7 +640,8 @@
         "-webkit-transform-origin",
         "WebkitTransformOrigin",
         "webkitTransformOrigin"
-      ]
+      ],
+      "value": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?"
     },
     {
       "name": "-webkit-transform-style",
@@ -601,7 +651,8 @@
         "-webkit-transform-style",
         "WebkitTransformStyle",
         "webkitTransformStyle"
-      ]
+      ],
+      "value": "flat | preserve-3d"
     },
     {
       "name": "-webkit-transform",
@@ -611,7 +662,8 @@
         "-webkit-transform",
         "WebkitTransform",
         "webkitTransform"
-      ]
+      ],
+      "value": "none | <transform-list>"
     },
     {
       "name": "-webkit-transition-delay",
@@ -621,7 +673,8 @@
         "-webkit-transition-delay",
         "WebkitTransitionDelay",
         "webkitTransitionDelay"
-      ]
+      ],
+      "value": "<time>#"
     },
     {
       "name": "-webkit-transition-duration",
@@ -631,7 +684,8 @@
         "-webkit-transition-duration",
         "WebkitTransitionDuration",
         "webkitTransitionDuration"
-      ]
+      ],
+      "value": "<time [0s,∞]>#"
     },
     {
       "name": "-webkit-transition-property",
@@ -641,7 +695,8 @@
         "-webkit-transition-property",
         "WebkitTransitionProperty",
         "webkitTransitionProperty"
-      ]
+      ],
+      "value": "none | <single-transition-property>#"
     },
     {
       "name": "-webkit-transition-timing-function",
@@ -651,7 +706,8 @@
         "-webkit-transition-timing-function",
         "WebkitTransitionTimingFunction",
         "webkitTransitionTimingFunction"
-      ]
+      ],
+      "value": "<easing-function>#"
     },
     {
       "name": "-webkit-transition",
@@ -661,7 +717,8 @@
         "-webkit-transition",
         "WebkitTransition",
         "webkitTransition"
-      ]
+      ],
+      "value": "<single-transition>#"
     },
     {
       "name": "-webkit-text-size-adjust",
@@ -671,7 +728,8 @@
         "-webkit-text-size-adjust",
         "WebkitTextSizeAdjust",
         "webkitTextSizeAdjust"
-      ]
+      ],
+      "value": "auto | none | <percentage [0,∞]>"
     },
     {
       "name": "-webkit-box-align",