@webref/css 6.3.4 → 6.4.0

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

@@ -1,7 +1,7 @@
 {
   "spec": {
     "title": "CSS Anchor Positioning",
-    "url": "https://drafts.csswg.org/css-anchor-1/"
+    "url": "https://drafts.csswg.org/css-anchor-position-1/"
   },
   "properties": [
     {
@@ -23,7 +23,7 @@
         },
         {
           "name": "default",
-          "prose": "Behaves as the value of anchor-default on the element.",
+          "prose": "Behaves identically to <anchor-element>, but draws its value from anchor-default on the element.",
           "type": "value",
           "value": "default"
         },
@@ -142,16 +142,10 @@
         },
         {
           "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.",
-          "type": "value",
-          "value": "popover"
-        },
         {
           "name": "auto",
           "prose": "The auto and auto-same keywords indicate automatic anchor positioning. See § 2.1.1 Automatic Anchor Positioning for details.",
@@ -223,7 +217,7 @@
     {
       "name": "<anchor-element>",
       "type": "type",
-      "value": "<dashed-ident> | implicit | popover"
+      "value": "<dashed-ident> | implicit"
     },
     {
       "name": "<anchor-side>",

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-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"
         },

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/package.json

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

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": []
+}