@webref/css 6.3.3 → 6.4.0

package/{css-anchor.json → css-anchor-position.json}

@@ -1,12 +1,12 @@
 {
   "spec": {
     "title": "CSS Anchor Positioning",
-    "url": "https://drafts.csswg.org/css-anchor-1/"
+    "url": "https://drafts.csswg.org/css-anchor-position-1/"
   },
   "properties": [
     {
       "name": "anchor-scroll",
-      "value": "none | <dashed-ident>",
+      "value": "none | default | <anchor-element>",
       "initial": "none",
       "appliesTo": "absolutely-positioned elements",
       "inherited": "no",
@@ -22,16 +22,16 @@
           "value": "none"
         },
         {
-          "name": "<dashed-ident>",
-          "prose": "The scroll offsets of the target anchor element with the name given by the <dashed-ident> will be compensated for in positioning and fallback.",
+          "name": "default",
+          "prose": "Behaves identically to <anchor-element>, but draws its value from anchor-default on the element.",
           "type": "value",
-          "value": "<dashed-ident>"
+          "value": "default"
         },
         {
-          "name": "implicit",
-          "prose": "The scroll offsets of the implicit anchor element will be compensated for in positioning and fallback.",
+          "name": "<anchor-element>",
+          "prose": "Selects a target anchor element the same as anchor(), which will be compensated for in positioning and fallback.",
           "type": "value",
-          "value": "implicit"
+          "value": "<anchor-element>"
         }
       ],
       "styleDeclaration": [
@@ -142,21 +142,21 @@
         },
         {
           "name": "implicit",
-          "prose": "Selects one of the implicit anchor elements defined for the element, if possible.",
+          "prose": "Selects the implicit anchor element defined for the element, if possible.",
           "type": "value",
           "value": "implicit"
         },
         {
-          "name": "popover",
-          "prose": "If the element has an implicit anchor element defined by the Popover API, uses that if possible.",
+          "name": "auto",
+          "prose": "The auto and auto-same keywords indicate automatic anchor positioning. See § 2.1.1 Automatic Anchor Positioning for details.",
           "type": "value",
-          "value": "popover"
+          "value": "auto"
         },
         {
-          "name": "auto",
-          "prose": "The auto keyword indicates automatic anchor positioning. See for details.",
+          "name": "auto-same",
+          "prose": "The auto and auto-same keywords indicate automatic anchor positioning. See § 2.1.1 Automatic Anchor Positioning for details.",
           "type": "value",
-          "value": "auto"
+          "value": "auto-same"
         },
         {
           "name": "left",
@@ -217,12 +217,12 @@
     {
       "name": "<anchor-element>",
       "type": "type",
-      "value": "<dashed-ident> | implicit | popover"
+      "value": "<dashed-ident> | implicit"
     },
     {
       "name": "<anchor-side>",
       "type": "type",
-      "value": "auto | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
+      "value": "auto | auto-same | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
     },
     {
       "name": "anchor-size()",

package/css-animations-2.json

@@ -28,7 +28,7 @@
       "percentages": "N/A",
       "computedValue": "list, each item either a case-sensitive css identifier or the keywords none, auto.",
       "canonicalOrder": "per grammar",
-      "animatable": "no",
+      "animationType": "not animatable",
       "styleDeclaration": [
         "animation-timeline",
         "animationTimeline"

package/css-animations.json

@@ -170,6 +170,29 @@
         "animationPlayState"
       ]
     },
+    {
+      "name": "animation-delay",
+      "value": "<time>#",
+      "initial": "0s",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "list, each item a duration",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "<time>",
+          "prose": "The <time> defines how long of a delay there is between the start of the animation (when the animation is applied to the element via these properties) and when it begins executing. A delay of 0s (the initial value) means that the animation will execute as soon as it is applied. A negative delay is valid. Similar to a delay of 0s, it means that the animation executes immediately, but is automatically progressed by the absolute value of the delay, as if the animation had started the specified time in the past, and so it appears to start partway through its active duration. If an animation’s keyframes have an implied starting value, the values are taken from the time the animation starts, not some time in the past.",
+          "type": "value",
+          "value": "<time>"
+        }
+      ],
+      "styleDeclaration": [
+        "animation-delay",
+        "animationDelay"
+      ]
+    },
     {
       "name": "animation-fill-mode",
       "value": "<single-animation-fill-mode>#",

package/css-backgrounds-4.json

@@ -169,6 +169,126 @@
         "borderColor"
       ]
     },
+    {
+      "name": "border-top-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-top-radius",
+        "borderTopRadius"
+      ]
+    },
+    {
+      "name": "border-right-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-right-radius",
+        "borderRightRadius"
+      ]
+    },
+    {
+      "name": "border-bottom-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-bottom-radius",
+        "borderBottomRadius"
+      ]
+    },
+    {
+      "name": "border-left-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-left-radius",
+        "borderLeftRadius"
+      ]
+    },
+    {
+      "name": "border-block-start-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-block-start-radius",
+        "borderBlockStartRadius"
+      ]
+    },
+    {
+      "name": "border-block-end-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-block-end-radius",
+        "borderBlockEndRadius"
+      ]
+    },
+    {
+      "name": "border-inline-start-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-inline-start-radius",
+        "borderInlineStartRadius"
+      ]
+    },
+    {
+      "name": "border-inline-end-radius",
+      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+      "initial": "0",
+      "appliesTo": "all elements (but see prose)",
+      "inherited": "no",
+      "percentages": "Refer to corresponding dimension of the border box.",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animatable": "see individual properties",
+      "styleDeclaration": [
+        "border-inline-end-radius",
+        "borderInlineEndRadius"
+      ]
+    },
     {
       "name": "border-radius",
       "value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",

package/css-box.json

@@ -97,25 +97,25 @@
         },
         {
           "name": "block-start",
-          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any margins collapsed with such a margin.",
+          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
           "type": "value",
           "value": "block-start"
         },
         {
           "name": "inline-start",
-          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any margins collapsed with such a margin.",
+          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
           "type": "value",
           "value": "inline-start"
         },
         {
           "name": "inline-end",
-          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any margins collapsed with such a margin.",
+          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
           "type": "value",
           "value": "inline-end"
         },
         {
           "name": "block-end",
-          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any margins collapsed with such a margin.",
+          "prose": "For in-flow boxes and floats contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
           "type": "value",
           "value": "block-end"
         },

package/css-cascade-6.json

@@ -9,25 +9,20 @@
       "name": "@scope",
       "prose": "The @scope block at-rule allows authors to scope style rules in CSS, with the application of weak scoping proximity between the scoping root and the subject of each style rule.",
       "descriptors": [],
-      "value": "@scope (<scope-start>) [to (<scope-end>)]? { <stylesheet> }"
+      "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <stylesheet> }"
     }
   ],
   "selectors": [],
   "values": [
     {
       "name": "<scope-start>",
-      "prose": "The <scope-start> is a <forgiving-selector-list>. Each element matched by <scope-start> is a scoping element, creating a scope with itself as the scoping root.",
-      "type": "type"
+      "type": "type",
+      "value": "<forgiving-selector-list>"
     },
     {
       "name": "<scope-end>",
-      "prose": "The <scope-end> is a <forgiving-selector-list> that is scoped by the <scope-start> selector, with the scoping roots as :scope elements. Each element matched by <scope-end> is a scoping limit. The scoping limit elements define the lower bounds of a scope, so that scoped selectors are not able to match any scoping limit elements, or any elements nested within them.",
-      "type": "type"
-    },
-    {
-      "name": "<selector-scope>",
       "type": "type",
-      "value": "( <scope-start> [/ <scope-end>]? )"
+      "value": "<forgiving-selector-list>"
     }
   ]
 }

package/css-color-5.json

@@ -71,19 +71,19 @@
       "values": [
         {
           "name": "r",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to sRGB. 255.0 is equivalent to 100%.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
           "type": "value",
           "value": "r"
         },
         {
           "name": "g",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to sRGB. 255.0 is equivalent to 100%.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
           "type": "value",
           "value": "g"
         },
         {
           "name": "b",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to sRGB. 255.0 is equivalent to 100%.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
           "type": "value",
           "value": "b"
         },
@@ -107,19 +107,19 @@
       "values": [
         {
           "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after its conversion to sRGB, normalized to a [0, 360] range",
+          "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after conversion, if required to sRGB, normalized to a [0, 360] range",
           "type": "value",
           "value": "h"
         },
         {
           "name": "s",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after its conversion to sRGB",
+          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
           "type": "value",
           "value": "s"
         },
         {
           "name": "l",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after its conversion to sRGB",
+          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
           "type": "value",
           "value": "l"
         },
@@ -138,19 +138,19 @@
       "values": [
         {
           "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s HWB hue after its conversion to sRGB, normalized to a [0, 360] range",
+          "prose": "h is an <angle> that corresponds to the origin color’s HWB hue after conversion, if required to sRGB, normalized to a [0, 360] range",
           "type": "value",
           "value": "h"
         },
         {
           "name": "w",
-          "prose": "w and b are <percentage>s that correspond to the origin color’s HWB whiteness and blackness after its conversion to sRGB",
+          "prose": "w and b are <percentage>s that correspond to the origin color’s HWB whiteness and blackness after conversion, if required to sRGB",
           "type": "value",
           "value": "w"
         },
         {
           "name": "b",
-          "prose": "w and b are <percentage>s that correspond to the origin color’s HWB whiteness and blackness after its conversion to sRGB",
+          "prose": "w and b are <percentage>s that correspond to the origin color’s HWB whiteness and blackness after conversion, if required to sRGB",
           "type": "value",
           "value": "b"
         },
@@ -169,19 +169,19 @@
       "values": [
         {
           "name": "l",
-          "prose": "l is a <number> that corresponds to the origin color’s CIE Lightness",
+          "prose": "l is a <number> that corresponds to the origin color’s CIE Lightness after conversion, if required, to CIE Lab",
           "type": "value",
           "value": "l"
         },
         {
           "name": "a",
-          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes",
+          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes after conversion, if required, to CIE Lab",
           "type": "value",
           "value": "a"
         },
         {
           "name": "b",
-          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes",
+          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes after conversion, if required, to CIE Lab",
           "type": "value",
           "value": "b"
         },
@@ -200,19 +200,19 @@
       "values": [
         {
           "name": "l",
-          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness",
+          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness after conversion, if required, to Oklab",
           "type": "value",
           "value": "l"
         },
         {
           "name": "a",
-          "prose": "a and b are <number>s that correspond to the origin color’s Oklab a and b axes",
+          "prose": "a and b are <number>s that correspond to the origin color’s Oklab a and b axes after conversion, if required, to Oklab",
           "type": "value",
           "value": "a"
         },
         {
           "name": "b",
-          "prose": "a and b are <number>s that correspond to the origin color’s Oklab a and b axes",
+          "prose": "a and b are <number>s that correspond to the origin color’s Oklab a and b axes after conversion, if required, to Oklab",
           "type": "value",
           "value": "b"
         },
@@ -231,19 +231,19 @@
       "values": [
         {
           "name": "l",
-          "prose": "l is a <number> that corresponds to the origin color’s CIE Lightness",
+          "prose": "l is a <number> that corresponds to the origin color’s CIE Lightness after conversion, if required, to CIE LCH",
           "type": "value",
           "value": "l"
         },
         {
           "name": "c",
-          "prose": "c is a <number> that corresponds to the origin color’s LCH chroma",
+          "prose": "c is a <number> that corresponds to the origin color’s LCH chroma after conversion, if required, to CIE LCH",
           "type": "value",
           "value": "c"
         },
         {
           "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s LCH hue, normalized to a [0, 360] range.",
+          "prose": "h is an <angle> that corresponds to the origin color’s LCH hue, after conversion, if required, to CIE LCH, normalized to a [0, 360] range.",
           "type": "value",
           "value": "h"
         },
@@ -262,19 +262,19 @@
       "values": [
         {
           "name": "l",
-          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness",
+          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness after conversion, if required, to Oklch",
           "type": "value",
           "value": "l"
         },
         {
           "name": "c",
-          "prose": "c is a <number> that corresponds to the origin color’s Oklch chroma",
+          "prose": "c is a <number> that corresponds to the origin color’s Oklch chroma after conversion, if required, to Oklch",
           "type": "value",
           "value": "c"
         },
         {
           "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s Oklch hue, normalized to a [0, 360] range.",
+          "prose": "h is an <angle> that corresponds to the origin color’s Oklch hue, after conversion, if required, to Oklch, normalized to a [0, 360] range.",
           "type": "value",
           "value": "h"
         },
@@ -293,37 +293,37 @@
       "values": [
         {
           "name": "r",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to the predefined RGB color space.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to the predefined RGB color space.",
           "type": "value",
           "value": "r"
         },
         {
           "name": "g",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to the predefined RGB color space.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to the predefined RGB color space.",
           "type": "value",
           "value": "g"
         },
         {
           "name": "b",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after its conversion to the predefined RGB color space.",
+          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to the predefined RGB color space.",
           "type": "value",
           "value": "b"
         },
         {
           "name": "x",
-          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after its conversion to relative CIE XYZ color space adapted to the relevant white point.",
+          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after conversion, if required to relative CIE XYZ color space adapted to the relevant white point.",
           "type": "value",
           "value": "x"
         },
         {
           "name": "y",
-          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after its conversion to relative CIE XYZ color space adapted to the relevant white point.",
+          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after conversion, if required to relative CIE XYZ color space adapted to the relevant white point.",
           "type": "value",
           "value": "y"
         },
         {
           "name": "z",
-          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after its conversion to relative CIE XYZ color space adapted to the relevant white point.",
+          "prose": "x, y, z are all <number>s that correspond to the origin color’s X, Y and Z channels after conversion, if required to relative CIE XYZ color space adapted to the relevant white point.",
           "type": "value",
           "value": "z"
         }

package/css-color.json

@@ -1053,31 +1053,31 @@
       "values": [
         {
           "name": "srgb",
-          "prose": "The srgb [SRGB] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. [SRGB] specifies two viewing conditions, encoding and typical. The [ICC] recommends using the encoding conditions for color conversion and for optimal viewing, which are the values in the table below. sRGB is the default color space for CSS, used for all the legacy color functions. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function see below White luminance 80.0 cd/m2 Black luminance 0.20 cd/m2 Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs < 0.04045) { cl = c / 12.92; } else { cl = sign * (Math.pow((abs + 0.055) / 1.055, 2.4)); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the sRGB color space in LCH. The primaries and secondaries are shown.",
+          "prose": "The srgb [SRGB] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. [SRGB] specifies two viewing conditions, encoding and typical. The [ICC] recommends using the encoding conditions for color conversion and for optimal viewing, which are the values in the table below. sRGB is the default color space for CSS, used for all the legacy color functions. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function see below White luminance 80.0 cd/m Black luminance 0.20 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs < 0.04045) { cl = c / 12.92; } else { cl = sign * (Math.pow((abs + 0.055) / 1.055, 2.4)); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the sRGB color space in LCH. The primaries and secondaries are shown.",
           "type": "value",
           "value": "srgb"
         },
         {
           "name": "srgb-linear",
-          "prose": "The srgb-linear [SRGB] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function unity, see below White luminance 80.0 cd/m2 Black luminance 0.20 cd/m2 Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 cl = c; c is the red, green or blue component. cl is the corresponding linear-light component, which is identical. To avoid banding artifacts, a higher precision is required for srgb-linear than for srgb. For example, these are the same color color(srgb 0.691 0.139 0.259) color(srgb-linear 0.435 0.017 0.055)",
+          "prose": "The srgb-linear [SRGB] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function unity, see below White luminance 80.0 cd/m Black luminance 0.20 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 cl = c; c is the red, green or blue component. cl is the corresponding linear-light component, which is identical. To avoid banding artifacts, a higher precision is required for srgb-linear than for srgb. For example, these are the same color color(srgb 0.691 0.139 0.259) color(srgb-linear 0.435 0.017 0.055)",
           "type": "value",
           "value": "srgb-linear"
         },
         {
           "name": "display-p3",
-          "prose": "The display-p3 [Display-P3] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. It uses the same primary chromaticities as [DCI-P3], but with a D65 whitepoint, and the same transfer curve as sRGB. Modern displays, TVs, laptop screens and phone screens are able to display all, or nearly all, of the display-p3 gamut. It has the following characteristics: x y Red chromaticity 0.680 0.320 Green chromaticity 0.265 0.690 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function same as srgb White luminance 80.0 cd/m2 Black luminance 0.80 cd/m2 Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the P3 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. P3 primaries have higher Chroma.",
+          "prose": "The display-p3 [Display-P3] color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. It uses the same primary chromaticities as [DCI-P3], but with a D65 whitepoint, and the same transfer curve as sRGB. Modern displays, TVs, laptop screens and phone screens are able to display all, or nearly all, of the display-p3 gamut. It has the following characteristics: x y Red chromaticity 0.680 0.320 Green chromaticity 0.265 0.690 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function same as srgb White luminance 80.0 cd/m Black luminance 0.80 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the P3 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. P3 primaries have higher Chroma.",
           "type": "value",
           "value": "display-p3"
         },
         {
           "name": "a98-rgb",
-          "prose": "The a98-rgb color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function, close to but not exactly 1/2.2. It has the following characteristics: x y Red chromaticity 0.6400 0.3300 Green chromaticity 0.2100 0.7100 Blue chromaticity 0.1500 0.0600 White chromaticity D65 Transfer function 256/563 White luminance 160.0 cd/m2 Black luminance 0.5557 cd/m2 Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the A98 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. a98 primaries have higher Chroma, especially the yellow, green and cyan.",
+          "prose": "The a98-rgb color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function, close to but not exactly 1/2.2. It has the following characteristics: x y Red chromaticity 0.6400 0.3300 Green chromaticity 0.2100 0.7100 Blue chromaticity 0.1500 0.0600 White chromaticity D65 Transfer function 256/563 White luminance 160.0 cd/m Black luminance 0.5557 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the A98 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. a98 primaries have higher Chroma, especially the yellow, green and cyan.",
           "type": "value",
           "value": "a98-rgb"
         },
         {
           "name": "prophoto-rgb",
-          "prose": "The prophoto-rgb color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function with a value of 1/1.8, and a small linear portion near black. The white point is D50, the same as is used by CIE Lab. Thus, conversion to CIE Lab does not require the chromatic adaptation step. The ProPhoto RGB space uses hyper-saturated, non physically realizable primaries. These were chosen to allow a wide color gamut and in particular, to minimize hue shifts under tonal manipulation. It is often used in digital photography as a wide gamut color space for the archival version of photographic images. The prophoto-rgb color space allows CSS to specify colors that will match colors in such images having the same RGB values. The ProPhoto RGB space was originally developed by Kodak and is described in [Wolfe]. It was standardized by ISO as [ROMM],[ROMM-RGB]. The white luminance is given as a range, and the viewing flare (and thus, the black luminance) is 0.5% to 1.0% of this. It has the following characteristics: x y Red chromaticity 0.734699 0.265301 Green chromaticity 0.159597 0.840403 Blue chromaticity 0.036598 0.000105 White chromaticity D50 Transfer function see below White luminance 160.0 to 640.0 cd/m2 Black luminance See text Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 const E = 16/512; let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs <= E) { cl = c / 16; } else { cl = sign * Math.pow(c, 1.8); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the prophoto-rgb color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. prophoto-rgb primaries and secondaries have much higher Chroma, but much of this ultrawide gamut does not correspond to physically realizable colors.",
+          "prose": "The prophoto-rgb color space accepts three numeric parameters, representing the red, green, and blue channels of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function with a value of 1/1.8, and a small linear portion near black. The white point is D50, the same as is used by CIE Lab. Thus, conversion to CIE Lab does not require the chromatic adaptation step. The ProPhoto RGB space uses hyper-saturated, non physically realizable primaries. These were chosen to allow a wide color gamut and in particular, to minimize hue shifts under tonal manipulation. It is often used in digital photography as a wide gamut color space for the archival version of photographic images. The prophoto-rgb color space allows CSS to specify colors that will match colors in such images having the same RGB values. The ProPhoto RGB space was originally developed by Kodak and is described in [Wolfe]. It was standardized by ISO as [ROMM],[ROMM-RGB]. The white luminance is given as a range, and the viewing flare (and thus, the black luminance) is 0.5% to 1.0% of this. It has the following characteristics: x y Red chromaticity 0.734699 0.265301 Green chromaticity 0.159597 0.840403 Blue chromaticity 0.036598 0.000105 White chromaticity D50 Transfer function see below White luminance 160.0 to 640.0 cd/m Black luminance See text Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 const E = 16/512; let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs <= E) { cl = c / 16; } else { cl = sign * Math.pow(c, 1.8); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the prophoto-rgb color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. prophoto-rgb primaries and secondaries have much higher Chroma, but much of this ultrawide gamut does not correspond to physically realizable colors.",
           "type": "value",
           "value": "prophoto-rgb"
         },
@@ -1140,7 +1140,7 @@
     {
       "name": "<rectangular-color-space>",
       "type": "type",
-      "value": "srgb | srgb-linear | lab | oklab | xyz | xyz-d50 | xyz-d65"
+      "value": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
     },
     {
       "name": "<polar-color-space>",

package/css-multicol.json

@@ -42,7 +42,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
       "values": [
         {
           "name": "auto",

package/css-speech.json

@@ -525,7 +525,7 @@
       "values": [
         {
           "name": "<family-name>",
-          "prose": "Values are specific voice instances (e.g., Mike, comedian, mary, carlos2, \"valley girl\"). Like font-family names, voice names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers. If a sequence of identifiers is given as a voice name, the computed value is the name converted to a string by joining all the identifiers in the sequence by single spaces. Voice names that happen to be the same as the gender keywords (male, female and neutral) or that happen to match the CSS-wide keywords or preserve must be quoted to disambiguate with these keywords. The keyword default is reserved for future use and must also be quoted when used as voice names. It is recommended to quote voice names that contain white space, digits, or punctuation characters other than hyphens—even if these voice names are valid in unquoted form—in order to improve code clarity. For example: voice-family: \"john doe\", \"Henry the-8th\";",
+          "prose": "Values are specific voice instances (e.g., Mike, comedian, mary, carlos2, \"valley girl\"). Like font-family names, voice names must either be given quoted as strings, or unquoted as a sequence of one or more CSS identifiers. If a sequence of identifiers is given as a voice name, the computed value is the name converted to a string by joining all the identifiers in the sequence by single spaces. Voice names that happen to be the same as the gender keywords (male, female and neutral) or that happen to match the CSS-wide keywords or preserve must be quoted to disambiguate with these keywords. The keyword default is reserved for future use and must also be quoted when used as voice names. It is recommended to quote voice names that contain white space, digits, or punctuation characters other than hyphens—even if these voice names are valid in unquoted form—in order to improve code clarity. For example: voice-family: \"john doe\", \"Henry the-8th\";",
           "type": "value",
           "value": "<family-name>"
         },

package/css-text.json

@@ -94,7 +94,7 @@
         },
         {
           "name": "break-spaces",
-          "prose": "The behavior is identical to that of pre-wrap, except that: Any sequence of preserved white space or other space separators always takes up space, including at the end of the line. Tests white-space-intrinsic-size-001.html (live test) (source) white-space-intrinsic-size-002.html (live test) (source) A line breaking opportunity exists after every preserved white space character and after every other space separator (including between adjacent spaces). Tests overflow-wrap-break-word-002.html (live test) (source) overflow-wrap-anywhere-002.html (live test) (source) break-spaces-001.html (live test) (source) break-spaces-002.html (live test) (source) break-spaces-003.html (live test) (source) break-spaces-004.html (live test) (source) break-spaces-005.html (live test) (source) break-spaces-006.html (live test) (source) break-spaces-007.html (live test) (source) break-spaces-008.html (live test) (source) break-spaces-009.html (live test) (source) break-spaces-010.html (live test) (source) break-spaces-051.html (live test) (source) break-spaces-052.html (live test) (source) white-space-pre-034.html (live test) (source) textarea-break-spaces-001.html (live test) (source) textarea-break-spaces-002.html (live test) (source) break-spaces-before-first-char-001.html (live test) (source) break-spaces-before-first-char-002.html (live test) (source) break-spaces-before-first-char-003.html (live test) (source) break-spaces-before-first-char-004.html (live test) (source) break-spaces-before-first-char-005.html (live test) (source) break-spaces-before-first-char-006.html (live test) (source) break-spaces-before-first-char-007.html (live test) (source) break-spaces-before-first-char-008.html (live test) (source) break-spaces-before-first-char-009.html (live test) (source) break-spaces-before-first-char-010.html (live test) (source) break-spaces-before-first-char-011.html (live test) (source) break-spaces-before-first-char-012.html (live test) (source) break-spaces-before-first-char-013.html (live test) (source) break-spaces-before-first-char-014.html (live test) (source) break-spaces-before-first-char-015.html (live test) (source) break-spaces-before-first-char-016.html (live test) (source) break-spaces-before-first-char-017.html (live test) (source) break-spaces-before-first-char-018.html (live test) (source) break-spaces-before-first-ideographic-char-001.html (live test) (source) break-spaces-before-first-ideographic-char-002.html (live test) (source) break-spaces-before-first-ideographic-char-003.html (live test) (source) break-spaces-before-first-ideographic-char-004.html (live test) (source) break-spaces-before-first-ideographic-char-005.html (live test) (source) break-spaces-before-first-ideographic-char-006.html (live test) (source) break-spaces-before-first-ideographic-char-007.html (live test) (source) break-spaces-before-first-ideographic-char-008.html (live test) (source) break-spaces-before-first-ideographic-char-009.html (live test) (source) break-spaces-before-first-ideographic-char-010.html (live test) (source) break-spaces-before-first-ideographic-char-011.html (live test) (source) break-spaces-before-first-ideographic-char-012.html (live test) (source) break-spaces-before-first-ideographic-char-013.html (live test) (source) break-spaces-before-first-ideographic-char-014.html (live test) (source) break-spaces-before-first-ideographic-char-015.html (live test) (source) break-spaces-before-first-ideographic-char-016.html (live test) (source) break-spaces-before-first-ideographic-char-017.html (live test) (source) break-spaces-before-first-ideographic-char-018.html (live test) (source) tab-stop-threshold-005.html (live test) (source) tab-stop-threshold-006.html (live test) (source) word-break-break-all-017.html (live test) (source) break-spaces-tab-001.html (live test) (source) break-spaces-tab-002.html (live test) (source) break-spaces-tab-003.html (live test) (source) break-spaces-tab-004.html (live test) (source) break-spaces-tab-005.html (live test) (source) break-spaces-tab-006.html (live test) (source) break-spaces-with-overflow-wrap-001.html (live test) (source) break-spaces-with-overflow-wrap-002.html (live test) (source) break-spaces-with-overflow-wrap-003.html (live test) (source) break-spaces-with-overflow-wrap-004.html (live test) (source) break-spaces-with-overflow-wrap-005.html (live test) (source) break-spaces-with-overflow-wrap-006.html (live test) (source) break-spaces-with-overflow-wrap-007.html (live test) (source) break-spaces-with-overflow-wrap-008.html (live test) (source) break-spaces-with-overflow-wrap-009.html (live test) (source) break-spaces-with-overflow-wrap-010.html (live test) (source) break-spaces-with-ideographic-space-001.html (live test) (source) break-spaces-with-ideographic-space-002.html (live test) (source) break-spaces-with-ideographic-space-003.html (live test) (source) break-spaces-with-ideographic-space-004.html (live test) (source) break-spaces-with-ideographic-space-005.html (live test) (source) break-spaces-with-ideographic-space-006.html (live test) (source) break-spaces-with-ideographic-space-007.html (live test) (source) break-spaces-with-ideographic-space-008.html (live test) (source) break-spaces-with-ideographic-space-009.html (live test) (source) break-spaces-with-ideographic-space-010.html (live test) (source) line-break-anywhere-and-white-space-008.html (live test) (source) line-break-anywhere-and-white-space-009.html (live test) (source) ws-break-spaces-applies-to-001.html (live test) (source) ws-break-spaces-applies-to-002.html (live test) (source) ws-break-spaces-applies-to-003.html (live test) (source) ws-break-spaces-applies-to-005.html (live test) (source) ws-break-spaces-applies-to-006.html (live test) (source) ws-break-spaces-applies-to-007.html (live test) (source) ws-break-spaces-applies-to-008.html (live test) (source) ws-break-spaces-applies-to-009.html (live test) (source) ws-break-spaces-applies-to-010.html (live test) (source) ws-break-spaces-applies-to-011.html (live test) (source) ws-break-spaces-applies-to-012.html (live test) (source) ws-break-spaces-applies-to-013.html (live test) (source) ws-break-spaces-applies-to-014.html (live test) (source) ws-break-spaces-applies-to-015.html (live test) (source) break-spaces-newline-011.html (live test) (source) break-spaces-newline-012.html (live test) (source) break-spaces-newline-013.html (live test) (source) break-spaces-newline-014.html (live test) (source) break-spaces-newline-015.html (live test) (source) break-spaces-newline-016.html (live test) (source) trailing-ideographic-space-break-spaces-001.html (live test) (source) trailing-ideographic-space-break-spaces-002.html (live test) (source) trailing-ideographic-space-break-spaces-003.html (live test) (source) trailing-ideographic-space-break-spaces-004.html (live test) (source) trailing-ideographic-space-break-spaces-005.html (live test) (source) trailing-ideographic-space-break-spaces-006.html (live test) (source) trailing-ideographic-space-break-spaces-007.html (live test) (source) trailing-ideographic-space-break-spaces-008.html (live test) (source)",
+          "prose": "The behavior is identical to that of pre-wrap, except that: Any sequence of preserved white space or other space separators always takes up space, including at the end of the line. A line breaking opportunity exists after every preserved white space character and after every other space separator (including between adjacent spaces).",
           "type": "value",
           "value": "break-spaces"
         },

package/css-transitions.json

@@ -86,9 +86,8 @@
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "animatable": "no",
       "animationType": "not animatable",
+      "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "transition"
       ]

package/mathml-core.json

@@ -13,7 +13,7 @@
     },
     {
       "name": "text-transform",
-      "newValues": "math-auto | math-bold | math-italic | math-bold-italic | math-double-struck | math-bold-fraktur | math-script | math-bold-script | math-fraktur | math-sans-serif | math-bold-sans-serif | math-sans-serif-italic | math-sans-serif-bold-italic | math-monospace | math-initial | math-tailed | math-looped | math-stretched",
+      "newValues": "math-auto",
       "styleDeclaration": [
         "text-transform",
         "textTransform"

package/motion.json

@@ -16,63 +16,6 @@
       "animationType": "by computed value",
       "media": "visual",
       "values": [
-        {
-          "name": "ray()",
-          "value": "ray( [ <angle> && <size> && contain? ] )",
-          "type": "function",
-          "values": [
-            {
-              "name": "<angle>",
-              "prose": "The offset path is a line segment that starts from the position of the box and proceeds in the direction defined by the specified <angle>. As with CSS gradients, <angle> values are interpreted as bearing angles, with 0deg pointing up and positive angles representing clockwise rotation.",
-              "type": "value",
-              "value": "<angle>"
-            },
-            {
-              "name": "<size>",
-              "prose": "Decides the path length used when offset-distance is expressed as a percentage, using the distance to the containing box. For <size> values other than sides, the path length is independent of <angle>. It is defined as: <size> = [ closest-side | closest-corner | farthest-side | farthest-corner | sides ]",
-              "type": "value",
-              "value": "<size>",
-              "values": [
-                {
-                  "name": "closest-side",
-                  "prose": "The perpendicular distance is measured between the initial position and the closest side of the box from it.",
-                  "type": "value",
-                  "value": "closest-side"
-                },
-                {
-                  "name": "closest-corner",
-                  "prose": "The distance is measured between the initial position and the closest corner of the box from it.",
-                  "type": "value",
-                  "value": "closest-corner"
-                },
-                {
-                  "name": "farthest-side",
-                  "prose": "The perpendicular distance is measured between the initial position and the farthest side of the box from it.",
-                  "type": "value",
-                  "value": "farthest-side"
-                },
-                {
-                  "name": "farthest-corner",
-                  "prose": "The distance is measured between the initial position and the farthest corner of the box from it.",
-                  "type": "value",
-                  "value": "farthest-corner"
-                },
-                {
-                  "name": "sides",
-                  "prose": "The distance is measured between the initial position and the intersection of the ray with the box. If the initial position is not within the box, the distance is 0.",
-                  "type": "value",
-                  "value": "sides"
-                }
-              ]
-            },
-            {
-              "name": "contain",
-              "prose": "The used value of offset-distance is clamped so that the box is entirely contained within the path. If no offset-distance would lead to the box being enclosed by the path, the path size is minimally increased so that such an offset-distance exists.",
-              "type": "value",
-              "value": "contain"
-            }
-          ]
-        },
         {
           "name": "none",
           "prose": "No offset path gets created. When offset-path is none, offset-distance and offset-rotate have no effect.",
@@ -112,6 +55,20 @@
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
       "media": "visual",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Indicates the initial position is the position of the box specified with position property.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<position>",
+          "prose": "Specifies the initial position, with the the containing block as the positioning area and a dimensionless point (zero-sized box) as the object area.",
+          "type": "value",
+          "value": "<position>"
+        }
+      ],
       "styleDeclaration": [
         "offset-position",
         "offsetPosition"
@@ -180,7 +137,70 @@
   ],
   "atrules": [],
   "selectors": [],
-  "values": [],
+  "values": [
+    {
+      "name": "ray()",
+      "type": "function",
+      "value": "ray( <angle> && <ray-size> && contain? )",
+      "values": [
+        {
+          "name": "<angle>",
+          "prose": "The offset path is a line segment that starts from the initial position and proceeds in the direction defined by the specified <angle>. As with gradient functions, <angle> values are interpreted as bearing angles, with 0deg pointing up and positive angles representing clockwise rotation. This is also the initial direction.",
+          "type": "value",
+          "value": "<angle>"
+        },
+        {
+          "name": "<ray-size>",
+          "prose": "Specifies the length of the offset path (the distance between the offset-distance: 0% and offset-distance: 100% points) relative to the containing box. Individual keywords are:",
+          "type": "value",
+          "value": "<ray-size>"
+        },
+        {
+          "name": "contain",
+          "prose": "The used value of offset-distance is clamped so that the box is entirely contained within the path. If no offset-distance would lead to the box being enclosed by the path, the path size is minimally increased so that such an offset-distance exists. Not clear what this actually means. See Issue 363.",
+          "type": "value",
+          "value": "contain"
+        }
+      ]
+    },
+    {
+      "name": "<ray-size>",
+      "type": "type",
+      "value": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+      "values": [
+        {
+          "name": "closest-side",
+          "prose": "The distance from the initial position to whichever side of the containing block is closest.",
+          "type": "value",
+          "value": "closest-side"
+        },
+        {
+          "name": "closest-corner",
+          "prose": "The distance from the initial position to whichever corner of the containing block is closest.",
+          "type": "value",
+          "value": "closest-corner"
+        },
+        {
+          "name": "farthest-side",
+          "prose": "The distance from the initial position to whichever side of the containing block is farthest.",
+          "type": "value",
+          "value": "farthest-side"
+        },
+        {
+          "name": "farthest-corner",
+          "prose": "The distance from the initial position to whichever corner of the containing block is farthest.",
+          "type": "value",
+          "value": "farthest-corner"
+        },
+        {
+          "name": "sides",
+          "prose": "The distance from the initial position to the point where the offset path intersects the containing block’s boundary. If the initial position is on the containing block’s boundary, or outside its bounds entirely, the distance is zero.",
+          "type": "value",
+          "value": "sides"
+        }
+      ]
+    }
+  ],
   "warnings": [
     {
       "msg": "Dangling value",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.3.3",
+  "version": "6.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"

package/scroll-animations.json

@@ -199,24 +199,9 @@
         "viewTimeline"
       ]
     },
-    {
-      "name": "animation-delay",
-      "value": "[ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "animation-delay",
-        "animationDelay"
-      ]
-    },
     {
       "name": "animation-range",
-      "value": "[ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#",
+      "value": "[ <'animation-range-start'> <'animation-range-end'>? | <timeline-range-name> ]#",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -230,61 +215,61 @@
       ]
     },
     {
-      "name": "animation-delay-start",
-      "value": "[ <time> | <timeline-range-name> <percentage> ]#",
-      "initial": "0s",
+      "name": "animation-range-start",
+      "value": "[ normal | <timeline-range-name> <percentage> ]#",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range",
-      "computedValue": "list, each item either a duration or a timeline range and progress percentage",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
       "canonicalOrder": "per grammar",
       "animatable": "no",
       "values": [
         {
-          "name": "<time>",
-          "prose": "Defines the delay as a duration. See [CSS-ANIMATIONS-1].",
+          "name": "normal",
+          "prose": "The start of the active phase is determined as normal.",
           "type": "value",
-          "value": "<time>"
+          "value": "normal"
         },
         {
           "name": "<timeline-range-name> <percentage>",
-          "prose": "Calculates the delay as the difference between the start of the animation and the specified point on the timeline.",
+          "prose": "The active phase starts at the specified point on the timeline, plus any applicable start delay.",
           "type": "value",
           "value": "<timeline-range-name> <percentage>"
         }
       ],
       "styleDeclaration": [
-        "animation-delay-start",
-        "animationDelayStart"
+        "animation-range-start",
+        "animationRangeStart"
       ]
     },
     {
-      "name": "animation-delay-end",
-      "value": "[ <time> | <timeline-range-name> <percentage> ]#",
-      "initial": "0s",
+      "name": "animation-range-end",
+      "value": "[ normal | <timeline-range-name> <percentage> ]#",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range",
-      "computedValue": "list, each item either a duration or a timeline range and progress percentage",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
       "canonicalOrder": "per grammar",
       "animatable": "no",
       "values": [
         {
-          "name": "<time>",
-          "prose": "Defines the delay as a duration. See [CSS-ANIMATIONS-1].",
+          "name": "normal",
+          "prose": "The end time of the animation is determined as normal.",
           "type": "value",
-          "value": "<time>"
+          "value": "normal"
         },
         {
           "name": "<timeline-range-name> <percentage>",
-          "prose": "Calculates the delay as the difference between the start of the animation and the specified point on the timeline.",
+          "prose": "The end time of the animation is at the specified point on the timeline minus any applicable end delay, or at the end of the animation duration, whichever comes first.",
           "type": "value",
           "value": "<timeline-range-name> <percentage>"
         }
       ],
       "styleDeclaration": [
-        "animation-delay-end",
-        "animationDelayEnd"
+        "animation-range-end",
+        "animationRangeEnd"
       ]
     }
   ],

package/webvtt.json

@@ -0,0 +1,27 @@
+{
+  "spec": {
+    "title": "WebVTT: The Web Video Text Tracks Format",
+    "url": "https://w3c.github.io/webvtt/"
+  },
+  "properties": [],
+  "atrules": [],
+  "selectors": [
+    {
+      "name": "::cue",
+      "prose": "The ::cue pseudo-element (with no argument) matches any list of WebVTT Node Objects constructed for the matched element, with the exception that the properties corresponding to the background shorthand must be applied to the WebVTT cue background box rather than the list of WebVTT Node Objects."
+    },
+    {
+      "name": "::cue()",
+      "value": "::cue(selector)"
+    },
+    {
+      "name": "::cue-region",
+      "prose": "The ::cue-region pseudo-element (with no argument) matches any list of WebVTT region objects constructed for the matched element."
+    },
+    {
+      "name": "::cue-region()",
+      "value": "::cue-region(selector)"
+    }
+  ],
+  "values": []
+}