@webref/css 6.25.11 → 6.25.14

package/css-animations-2.json

@@ -36,6 +36,67 @@
         "animationDuration"
       ]
     },
+    {
+      "name": "animation-delay-start",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-delay-start",
+      "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.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-delay-start-time",
+          "type": "value",
+          "value": "<time>"
+        }
+      ],
+      "styleDeclaration": [
+        "animation-delay-start",
+        "animationDelayStart"
+      ]
+    },
+    {
+      "name": "animation-delay-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-delay-end",
+      "value": "<time [0s,∞]>#",
+      "initial": "0s",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "list, each item a duration",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "animation-delay-end",
+        "animationDelayEnd"
+      ]
+    },
+    {
+      "name": "animation-delay",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-delay",
+      "value": "[ <'animation-delay-start'> <'animation-delay-end'>? ]#",
+      "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"
+      ],
+      "longhands": [
+        "animation-delay-start",
+        "animation-delay-end"
+      ]
+    },
     {
       "name": "animation-composition",
       "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-composition",
@@ -123,7 +184,7 @@
     },
     {
       "name": "<single-animation>",
-      "value": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>",
+      "value": "<'animation-duration'> || <easing-function> || <'animation-delay-start'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>",
       "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation",
       "type": "type"
     }

package/css-backgrounds-4.json

@@ -682,13 +682,13 @@
       "name": "<bg-layer>",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-layer",
       "type": "type",
-      "value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box>"
+      "value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <bg-clip>"
     },
     {
       "name": "<final-bg-layer>",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-final-bg-layer",
       "type": "type",
-      "value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box> || <'background-color'>"
+      "value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <bg-clip> || <'background-color'>"
     }
   ]
 }

package/css-box.json

@@ -96,12 +96,12 @@
     {
       "name": "margin-trim",
       "href": "https://drafts.csswg.org/css-box-4/#propdef-margin-trim",
-      "value": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+      "value": "none | block | [ block-start || block-end ]",
       "initial": "none",
-      "appliesTo": "block containers, multi-column containers, flex containers, grid containers",
+      "appliesTo": "block containers, multi-column containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "a set of zero to four keywords indicating which sides to trim",
+      "computedValue": "a set of zero to two keywords indicating which sides to trim",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
@@ -126,33 +126,12 @@
           "type": "value",
           "value": "block-end"
         },
-        {
-          "name": "inline-start",
-          "prose": "Computes to block-start block-end.",
-          "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-inline-start",
-          "type": "value",
-          "value": "inline-start"
-        },
-        {
-          "name": "inline-end",
-          "prose": "Computes to block-start block-end.",
-          "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-inline-end",
-          "type": "value",
-          "value": "inline-end"
-        },
         {
           "name": "block",
           "prose": "Computes to block-start block-end.",
           "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-block",
           "type": "value",
           "value": "block"
-        },
-        {
-          "name": "inline",
-          "prose": "Computes to inline-start inline-end.",
-          "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-inline",
-          "type": "value",
-          "value": "inline"
         }
       ],
       "styleDeclaration": [

package/css-color.json

@@ -83,161 +83,161 @@
         },
         {
           "name": "ActiveBorder",
-          "prose": "Active window border. Same as ButtonBorder.",
+          "prose": "Active window border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-activeborder",
           "type": "value",
           "value": "ActiveBorder"
         },
         {
           "name": "ActiveCaption",
-          "prose": "Active window caption. Same as Canvas.",
+          "prose": "Active window caption. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-activecaption",
           "type": "value",
           "value": "ActiveCaption"
         },
         {
           "name": "AppWorkspace",
-          "prose": "Background color of multiple document interface. Same as Canvas.",
+          "prose": "Background color of multiple document interface. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-appworkspace",
           "type": "value",
           "value": "AppWorkspace"
         },
         {
           "name": "Background",
-          "prose": "Desktop background. Same as Canvas.",
+          "prose": "Desktop background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-background",
           "type": "value",
           "value": "Background"
         },
         {
           "name": "ButtonHighlight",
-          "prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
+          "prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-buttonhighlight",
           "type": "value",
           "value": "ButtonHighlight"
         },
         {
           "name": "ButtonShadow",
-          "prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
+          "prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-buttonshadow",
           "type": "value",
           "value": "ButtonShadow"
         },
         {
           "name": "CaptionText",
-          "prose": "Text in caption, size box, and scrollbar arrow box. Same as CanvasText.",
+          "prose": "Text in caption, size box, and scrollbar arrow box. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-captiontext",
           "type": "value",
           "value": "CaptionText"
         },
         {
           "name": "InactiveBorder",
-          "prose": "Inactive window border. Same as ButtonBorder.",
+          "prose": "Inactive window border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactiveborder",
           "type": "value",
           "value": "InactiveBorder"
         },
         {
           "name": "InactiveCaption",
-          "prose": "Inactive window caption. Same as Canvas.",
+          "prose": "Inactive window caption. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactivecaption",
           "type": "value",
           "value": "InactiveCaption"
         },
         {
           "name": "InactiveCaptionText",
-          "prose": "Color of text in an inactive caption. Same as GrayText.",
+          "prose": "Color of text in an inactive caption. Computes to the color of GrayText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactivecaptiontext",
           "type": "value",
           "value": "InactiveCaptionText"
         },
         {
           "name": "InfoBackground",
-          "prose": "Background color for tooltip controls. Same as Canvas.",
+          "prose": "Background color for tooltip controls. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-infobackground",
           "type": "value",
           "value": "InfoBackground"
         },
         {
           "name": "InfoText",
-          "prose": "Text color for tooltip controls. Same as CanvasText.",
+          "prose": "Text color for tooltip controls. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-infotext",
           "type": "value",
           "value": "InfoText"
         },
         {
           "name": "Menu",
-          "prose": "Menu background. Same as Canvas.",
+          "prose": "Menu background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-menu",
           "type": "value",
           "value": "Menu"
         },
         {
           "name": "MenuText",
-          "prose": "Text in menus. Same as CanvasText.",
+          "prose": "Text in menus. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-menutext",
           "type": "value",
           "value": "MenuText"
         },
         {
           "name": "Scrollbar",
-          "prose": "Scroll bar gray area. Same as Canvas.",
+          "prose": "Scroll bar gray area. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-scrollbar",
           "type": "value",
           "value": "Scrollbar"
         },
         {
           "name": "ThreeDDarkShadow",
-          "prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threeddarkshadow",
           "type": "value",
           "value": "ThreeDDarkShadow"
         },
         {
           "name": "ThreeDFace",
-          "prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonFace.",
+          "prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedface",
           "type": "value",
           "value": "ThreeDFace"
         },
         {
           "name": "ThreeDHighlight",
-          "prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedhighlight",
           "type": "value",
           "value": "ThreeDHighlight"
         },
         {
           "name": "ThreeDLightShadow",
-          "prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedlightshadow",
           "type": "value",
           "value": "ThreeDLightShadow"
         },
         {
           "name": "ThreeDShadow",
-          "prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedshadow",
           "type": "value",
           "value": "ThreeDShadow"
         },
         {
           "name": "Window",
-          "prose": "Window background. Same as Canvas.",
+          "prose": "Window background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-window",
           "type": "value",
           "value": "Window"
         },
         {
           "name": "WindowFrame",
-          "prose": "Window frame. Same as ButtonBorder.",
+          "prose": "Window frame. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-windowframe",
           "type": "value",
           "value": "WindowFrame"
         },
         {
           "name": "WindowText",
-          "prose": "Text in windows. Same as CanvasText.",
+          "prose": "Text in windows. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-windowtext",
           "type": "value",
           "value": "WindowText"
@@ -1465,7 +1465,7 @@
       "values": [
         {
           "name": "srgb",
-          "prose": "The srgb [SRGB] color space accepts three numeric parameters, representing the red, green, and blue components 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.",
+          "prose": "The srgb [SRGB] color space accepts three numeric parameters, representing the red, green, and blue components 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 Oklch. The primaries and secondaries are shown.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-srgb",
           "type": "value",
           "value": "srgb"
@@ -1479,7 +1479,7 @@
         },
         {
           "name": "display-p3",
-          "prose": "The display-p3 [Display-P3] color space accepts three numeric parameters, representing the red, green, and blue components 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.",
+          "prose": "The display-p3 [Display-P3] color space accepts three numeric parameters, representing the red, green, and blue components 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 Oklch. 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.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-display-p3",
           "type": "value",
           "value": "display-p3"
@@ -1493,21 +1493,21 @@
         },
         {
           "name": "a98-rgb",
-          "prose": "The a98-rgb color space accepts three numeric parameters, representing the red, green, and blue components 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.",
+          "prose": "The a98-rgb color space accepts three numeric parameters, representing the red, green, and blue components 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 Oklch. 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.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-a98-rgb",
           "type": "value",
           "value": "a98-rgb"
         },
         {
           "name": "prophoto-rgb",
-          "prose": "The prophoto-rgb color space accepts three numeric parameters, representing the red, green, and blue components 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.",
+          "prose": "The prophoto-rgb color space accepts three numeric parameters, representing the red, green, and blue components 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 Oklch. 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.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-prophoto-rgb",
           "type": "value",
           "value": "prophoto-rgb"
         },
         {
           "name": "rec2020",
-          "prose": "The rec2020 [Rec.2020] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1], (\"full-range\", in video terminology). ITU Reference 2020 is used for Ultra High Definition, 4k and 8k television. The primaries are physically realizable, but with difficulty as they lie very close to the spectral locus. Current displays are unable to reproduce the full gamut of rec2020. Coverage is expected to increase over time as displays improve. It has the following characteristics: x y Red chromaticity 0.708 0.292 Green chromaticity 0.170 0.797 Blue chromaticity 0.131 0.046 White chromaticity D65 Transfer function gamma 2.40, from [REC_BT.1886] 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 rec2020 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. rec2020 primaries have much higher Chroma.",
+          "prose": "The rec2020 [Rec.2020] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1], (\"full-range\", in video terminology). ITU Reference 2020 is used for Ultra High Definition, 4k and 8k television. The primaries are physically realizable, but with difficulty as they lie very close to the spectral locus. Current displays are unable to reproduce the full gamut of rec2020. Coverage is expected to increase over time as displays improve. It has the following characteristics: x y Red chromaticity 0.708 0.292 Green chromaticity 0.170 0.797 Blue chromaticity 0.131 0.046 White chromaticity D65 Transfer function gamma 2.40, from [REC_BT.1886] 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 rec2020 color space in Oklch. 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. rec2020 primaries have much higher Chroma.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-rec2020",
           "type": "value",
           "value": "rec2020"
@@ -1597,161 +1597,161 @@
       "values": [
         {
           "name": "ActiveBorder",
-          "prose": "Active window border. Same as ButtonBorder.",
+          "prose": "Active window border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-activeborder",
           "type": "value",
           "value": "ActiveBorder"
         },
         {
           "name": "ActiveCaption",
-          "prose": "Active window caption. Same as Canvas.",
+          "prose": "Active window caption. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-activecaption",
           "type": "value",
           "value": "ActiveCaption"
         },
         {
           "name": "AppWorkspace",
-          "prose": "Background color of multiple document interface. Same as Canvas.",
+          "prose": "Background color of multiple document interface. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-appworkspace",
           "type": "value",
           "value": "AppWorkspace"
         },
         {
           "name": "Background",
-          "prose": "Desktop background. Same as Canvas.",
+          "prose": "Desktop background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-background",
           "type": "value",
           "value": "Background"
         },
         {
           "name": "ButtonHighlight",
-          "prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
+          "prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-buttonhighlight",
           "type": "value",
           "value": "ButtonHighlight"
         },
         {
           "name": "ButtonShadow",
-          "prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
+          "prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-buttonshadow",
           "type": "value",
           "value": "ButtonShadow"
         },
         {
           "name": "CaptionText",
-          "prose": "Text in caption, size box, and scrollbar arrow box. Same as CanvasText.",
+          "prose": "Text in caption, size box, and scrollbar arrow box. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-captiontext",
           "type": "value",
           "value": "CaptionText"
         },
         {
           "name": "InactiveBorder",
-          "prose": "Inactive window border. Same as ButtonBorder.",
+          "prose": "Inactive window border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactiveborder",
           "type": "value",
           "value": "InactiveBorder"
         },
         {
           "name": "InactiveCaption",
-          "prose": "Inactive window caption. Same as Canvas.",
+          "prose": "Inactive window caption. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactivecaption",
           "type": "value",
           "value": "InactiveCaption"
         },
         {
           "name": "InactiveCaptionText",
-          "prose": "Color of text in an inactive caption. Same as GrayText.",
+          "prose": "Color of text in an inactive caption. Computes to the color of GrayText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-inactivecaptiontext",
           "type": "value",
           "value": "InactiveCaptionText"
         },
         {
           "name": "InfoBackground",
-          "prose": "Background color for tooltip controls. Same as Canvas.",
+          "prose": "Background color for tooltip controls. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-infobackground",
           "type": "value",
           "value": "InfoBackground"
         },
         {
           "name": "InfoText",
-          "prose": "Text color for tooltip controls. Same as CanvasText.",
+          "prose": "Text color for tooltip controls. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-infotext",
           "type": "value",
           "value": "InfoText"
         },
         {
           "name": "Menu",
-          "prose": "Menu background. Same as Canvas.",
+          "prose": "Menu background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-menu",
           "type": "value",
           "value": "Menu"
         },
         {
           "name": "MenuText",
-          "prose": "Text in menus. Same as CanvasText.",
+          "prose": "Text in menus. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-menutext",
           "type": "value",
           "value": "MenuText"
         },
         {
           "name": "Scrollbar",
-          "prose": "Scroll bar gray area. Same as Canvas.",
+          "prose": "Scroll bar gray area. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-scrollbar",
           "type": "value",
           "value": "Scrollbar"
         },
         {
           "name": "ThreeDDarkShadow",
-          "prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threeddarkshadow",
           "type": "value",
           "value": "ThreeDDarkShadow"
         },
         {
           "name": "ThreeDFace",
-          "prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonFace.",
+          "prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonFace.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedface",
           "type": "value",
           "value": "ThreeDFace"
         },
         {
           "name": "ThreeDHighlight",
-          "prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedhighlight",
           "type": "value",
           "value": "ThreeDHighlight"
         },
         {
           "name": "ThreeDLightShadow",
-          "prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedlightshadow",
           "type": "value",
           "value": "ThreeDLightShadow"
         },
         {
           "name": "ThreeDShadow",
-          "prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
+          "prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-threedshadow",
           "type": "value",
           "value": "ThreeDShadow"
         },
         {
           "name": "Window",
-          "prose": "Window background. Same as Canvas.",
+          "prose": "Window background. Computes to the color of Canvas.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-window",
           "type": "value",
           "value": "Window"
         },
         {
           "name": "WindowFrame",
-          "prose": "Window frame. Same as ButtonBorder.",
+          "prose": "Window frame. Computes to the color of ButtonBorder.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-windowframe",
           "type": "value",
           "value": "WindowFrame"
         },
         {
           "name": "WindowText",
-          "prose": "Text in windows. Same as CanvasText.",
+          "prose": "Text in windows. Computes to the color of CanvasText.",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-color-windowtext",
           "type": "value",
           "value": "WindowText"

package/css-forms.json

@@ -4,21 +4,6 @@
     "url": "https://drafts.csswg.org/css-forms-1/"
   },
   "properties": [
-    {
-      "name": "appearance",
-      "newValues": "base",
-      "values": [
-        {
-          "name": "base",
-          "href": "https://drafts.csswg.org/css-forms-1/#valdef-appearance-base",
-          "type": "value",
-          "value": "base"
-        }
-      ],
-      "styleDeclaration": [
-        "appearance"
-      ]
-    },
     {
       "name": "field-sizing",
       "href": "https://drafts.csswg.org/css-forms-1/#propdef-field-sizing",
@@ -196,10 +181,10 @@
       "value": "::placeholder"
     },
     {
-      "name": "::field-text",
-      "prose": "The ::field-text pseudo-element represents the portion of the input that contains the editable text.",
-      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-text",
-      "value": "::field-text"
+      "name": "::field-content",
+      "prose": "The ::field-content pseudo-element represents the portion of the input that contains the editable text.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-content",
+      "value": "::field-content"
     },
     {
       "name": "::reveal-icon",