@webref/css 6.23.10 → 6.23.12

package/css-borders.json

@@ -1297,7 +1297,7 @@
     {
       "name": "corner-top-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1313,7 +1313,7 @@
     {
       "name": "corner-top-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1329,7 +1329,7 @@
     {
       "name": "corner-bottom-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1345,7 +1345,7 @@
     {
       "name": "corner-bottom-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1361,7 +1361,7 @@
     {
       "name": "corner-start-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1377,7 +1377,7 @@
     {
       "name": "corner-start-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1393,7 +1393,7 @@
     {
       "name": "corner-end-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1409,7 +1409,7 @@
     {
       "name": "corner-end-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end",
-      "value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",

package/css-cascade-6.json

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Cascading and Inheritance Level 6",
+    "title": "CSS Cascading and Inheritance Module Level 6",
     "url": "https://drafts.csswg.org/css-cascade-6/"
   },
   "properties": [],

package/css-cascade.json

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Cascading and Inheritance Level 5",
+    "title": "CSS Cascading and Inheritance Module Level 5",
     "url": "https://drafts.csswg.org/css-cascade-5/"
   },
   "properties": [

package/css-color-5.json

@@ -82,7 +82,7 @@
     },
     {
       "name": "color-mix()",
-      "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#)",
+      "value": "color-mix( <color-interpolation-method>? , [ <color> && <percentage [0,100]>? ]#)",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-color-mix",
       "type": "function"
     },

package/css-conditional-5.json

@@ -400,8 +400,8 @@
           ]
         },
         {
-          "name": "direction",
-          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
+          "name": "scrolled",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-scrolled",
           "for": "@container",
           "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
           "type": "discrete",
@@ -409,91 +409,91 @@
             {
               "name": "none",
               "prose": "The query container has not had a relative scroll yet.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-none",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-none",
               "type": "value",
               "value": "none"
             },
             {
               "name": "top",
               "prose": "The most recent relative scroll was upwards.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-top",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-top",
               "type": "value",
               "value": "top"
             },
             {
               "name": "right",
               "prose": "The most recent relative scroll was to the right.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-right",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-right",
               "type": "value",
               "value": "right"
             },
             {
               "name": "bottom",
               "prose": "The most recent relative scroll was downwards.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-bottom",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-bottom",
               "type": "value",
               "value": "bottom"
             },
             {
               "name": "left",
               "prose": "The most recent relative scroll was to the left.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-left",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-left",
               "type": "value",
               "value": "left"
             },
             {
               "name": "block-start",
               "prose": "The most recent relative scroll was towards the block-start direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-start",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block-start",
               "type": "value",
               "value": "block-start"
             },
             {
               "name": "inline-start",
               "prose": "The most recent relative scroll was towards the inline-start direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-start",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline-start",
               "type": "value",
               "value": "inline-start"
             },
             {
               "name": "block-end",
               "prose": "The most recent relative scroll was towards the block-end direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-end",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block-end",
               "type": "value",
               "value": "block-end"
             },
             {
               "name": "inline-end",
               "prose": "The most recent relative scroll was towards the inline-end direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-end",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline-end",
               "type": "value",
               "value": "inline-end"
             },
             {
               "name": "x",
               "prose": "The most recent relative scroll was in the horizontal direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-x",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-x",
               "type": "value",
               "value": "x"
             },
             {
               "name": "y",
               "prose": "The most recent relative scroll was in the vertical direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-y",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-y",
               "type": "value",
               "value": "y"
             },
             {
               "name": "block",
               "prose": "The most recent relative scroll was in the block direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-block",
               "type": "value",
               "value": "block"
             },
             {
               "name": "inline",
               "prose": "The most recent relative scroll was in the inline direction.",
-              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrolled-inline",
               "type": "value",
               "value": "inline"
             }

package/css-fonts-5.json

@@ -74,7 +74,7 @@
         },
         {
           "name": "from-font",
-          "prose": "Computes to the <number> corresponding to the specified metric of the first available font. w3c/csswg-drafts/6384[css-fonts-5] font-size-adjust with missing metrics",
+          "prose": "Computes to the <number> corresponding to the specified metric of the first available font, if it exists. Otherwise, the same as none.",
           "href": "https://drafts.csswg.org/css-fonts-5/#valdef-font-size-adjust-from-font",
           "type": "value",
           "value": "from-font"

package/css-fonts.json

@@ -1140,7 +1140,7 @@
         },
         {
           "name": "<palette-mix()>",
-          "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.1 Percentage Normalization.",
+          "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.2 Percentage Normalization.",
           "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
           "type": "type"
         }
@@ -1523,7 +1523,7 @@
         },
         {
           "name": "system-ui",
-          "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. The precise font used will depend on factors such as Unicode coverage and the content language. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
+          "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families, may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. This is useful for hybrid, web or cross-platform applications. The precise font(s) used will depend on factors such as platform support, platform language, locale settings, user preferences, Unicode coverage and the content language. UA may optionally choose to use the text rendering engine provided by the platform when using system-ui to match the appearance of the default user interface more closely. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
           "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-system-ui",
           "type": "value",
           "value": "system-ui"

package/css-forms.json

@@ -202,6 +202,12 @@
       "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-text",
       "value": "::field-text"
     },
+    {
+      "name": "::reveal-icon",
+      "prose": "The ::reveal-icon pseudo-element represents the portion of the input that allows the user to temporarily disable obscuring of sensitive text input when clicked if provided by the user agent. User agents providing ::reveal-icon may choose to remove it in some circumstances to help protect sensitive text input from being revealed unintentionally.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-reveal-icon",
+      "value": "::reveal-icon"
+    },
     {
       "name": "::clear-icon",
       "prose": "The ::clear-icon pseudo-element represents the portion of the input that allows the user to clear the input when clicked if provided by the user agent. With appearance: textfield, the user agent must not generate this part.",

package/css-gaps.json

@@ -172,7 +172,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "values": [
         {
           "name": "<color>",
@@ -197,7 +197,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "row-rule-color",
         "rowRuleColor"
@@ -245,7 +245,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "column-rule-width",
         "columnRuleWidth"
@@ -261,7 +261,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "row-rule-width",
         "rowRuleWidth"

package/css-grid-3.json

@@ -5,35 +5,19 @@
   },
   "properties": [
     {
-      "name": "item-slack",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-slack",
-      "value": "<length-percentage> | infinite",
-      "initial": "1em",
+      "name": "item-tolerance",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-tolerance",
+      "value": "normal | <length-percentage> | infinite",
+      "initial": "normal",
       "appliesTo": "masonry containers",
       "inherited": "no",
       "percentages": "relative to the grid-axis content box size of the masonry container",
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "as length",
-      "values": [
-        {
-          "name": "<length-percentage>",
-          "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-length-percentage",
-          "type": "value",
-          "value": "<length-percentage>"
-        },
-        {
-          "name": "infinite",
-          "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-infinite",
-          "type": "value",
-          "value": "infinite"
-        }
-      ],
       "styleDeclaration": [
-        "item-slack",
-        "itemSlack"
+        "item-tolerance",
+        "itemTolerance"
       ]
     },
     {
@@ -304,7 +288,7 @@
     {
       "name": "item-flow",
       "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-flow",
-      "value": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-slack'>",
+      "value": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-tolerance'>",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -322,14 +306,50 @@
   "selectors": [],
   "values": [],
   "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "something",
+      "prose": "This value causes an element to generate a masonry container box.",
+      "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-something",
+      "type": "value",
+      "value": "something",
+      "for": "display"
+    },
     {
       "msg": "Dangling value",
       "name": "auto-areas",
-      "prose": "The new auto-areas value for the repeat() notation represents the number of repetitions necessary for the total number of explicit tracks to match the grid-template-areas / masonry-template-areas value in effect in the corresponding axis. If multiple tracks are listed for the repetition, the final repetition is truncated as necessary to produce the correct number of tracks.",
+      "prose": "The new auto-areas value for the repeat() notation represents the number of repetitions necessary for the total number of explicit tracks to match the grid-template-areas value in effect in the corresponding axis. If multiple tracks are listed for the repetition, the final repetition is truncated as necessary to produce the correct number of tracks.",
       "href": "https://drafts.csswg.org/css-grid-3/#valdef-repeat-auto-areas",
       "type": "value",
       "value": "auto-areas",
       "for": "repeat()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "<length-percentage>",
+      "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
+      "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-length-percentage",
+      "type": "value",
+      "value": "<length-percentage>",
+      "for": "item-slack"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "normal",
+      "prose": "Resolves to a used value of 1em in masonry layout and a used value of 0 in all other layout modes.",
+      "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-normal",
+      "type": "value",
+      "value": "normal",
+      "for": "item-slack"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "infinite",
+      "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
+      "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-infinite",
+      "type": "value",
+      "value": "infinite",
+      "for": "item-slack"
     }
   ]
 }

package/css-inline.json

@@ -557,7 +557,7 @@
       "values": [
         {
           "name": "normal",
-          "prose": "If the single keyword normal is specified, it sets text-box-trim to none and text-box-edge to auto. Otherwise, omitting the text-box-trim value sets it to both (not the initial value), while omitting the text-box-edge value sets it to auto (the initial value).",
+          "prose": "If the single keyword normal is specified, it sets text-box-trim to none and text-box-edge to auto. Otherwise, omitting the text-box-trim value sets it to trim-both (not the initial value), while omitting the text-box-edge value sets it to auto (the initial value).",
           "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-normal",
           "type": "value",
           "value": "normal"

package/css-overflow-4.json

@@ -309,14 +309,14 @@
         },
         {
           "name": "<integer [1,∞]>",
-          "prose": "Whether this should imply discard or collapse is an unresolved question. [Issue #7708] Sets continue to collapse if either or both values are specified, unless the -webkit-legacy keyword is also specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
+          "prose": "Sets continue to collapse if either or both values are specified, unless the -webkit-legacy keyword is also specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-integer-1",
           "type": "value",
           "value": "<integer [1,∞]>"
         },
         {
           "name": "<block-ellipsis>",
-          "prose": "Whether this should imply discard or collapse is an unresolved question. [Issue #7708] Sets continue to collapse if either or both values are specified, unless the -webkit-legacy keyword is also specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
+          "prose": "Sets continue to collapse if either or both values are specified, unless the -webkit-legacy keyword is also specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-block-ellipsis",
           "type": "value",
           "value": "<block-ellipsis>"
@@ -377,19 +377,19 @@
           "type": "value",
           "value": "auto"
         },
-        {
-          "name": "discard",
-          "prose": "The box must establish an independent formatting context and becomes a fragmentation container that captures region breaks, if it is not already. [CSS-BREAK-3] Content after the first region break is not rendered (see below). (If the box is a multi-column container, any overflow columns are also not rendered.)",
-          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-discard",
-          "type": "value",
-          "value": "discard"
-        },
         {
           "name": "collapse",
-          "prose": "If the box is a block container, then it must establish an independent formatting context that also becomes a line-clamp container. This causes all content after the clamp point to be visually hidden, and to not be taken into account for the box’s automatic block size. If the box is a multicol container, the behavior is the same as 'continue/auto'.",
+          "prose": "If the box is a block container, then it must establish an independent formatting context that also becomes a line-clamp container. This causes all content after the clamp point to be visually hidden, and to not be taken into account for the box’s automatic block size. If the box is a multicol container, the behavior is the same as auto.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-collapse",
           "type": "value",
           "value": "collapse"
+        },
+        {
+          "name": "discard",
+          "prose": "The box must establish an independent formatting context and becomes a fragmentation container that captures region breaks, if it is not already. [CSS-BREAK-3] Content after the first region break is not rendered. See § 5.3.2 Discarding Content for further details. continue: discard is meant to generalize and replace the region-fragment property from [CSS-REGIONS-1]. Once it is sufficiently stable in this specification, region-fragment should be removed from the regions specification in favor of this.",
+          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-discard",
+          "type": "value",
+          "value": "discard"
         }
       ],
       "styleDeclaration": [
@@ -401,7 +401,7 @@
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-max-lines",
       "value": "none | <integer [1,∞]>",
       "initial": "none",
-      "appliesTo": "block containers which are also either fragmentation containers that capture region breaks or line-clamp containers",
+      "appliesTo": "block containers which are also either line-clamp containers or fragmentation containers that capture region breaks",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "the keyword none or an integer",

package/css-text-decor-4.json

@@ -139,18 +139,11 @@
           "value": "from-font"
         },
         {
-          "name": "<length>",
-          "prose": "Specifies the thickness of text decoration lines as a fixed length. The UA should round the actual value to the nearest integer device pixel, and ensure it is at least one device pixel.",
-          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-thickness-length",
+          "name": "<length-percentage>",
+          "prose": "A length value specifies the thickness of text decoration lines as a fixed length. A percentage value specifies the thickness of text decoration lines as a percentage of 1em. The UA should round the actual value to the nearest integer device pixel, and ensure it is at least one device pixel.",
+          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-thickness-length-percentage",
           "type": "value",
-          "value": "<length>"
-        },
-        {
-          "name": "<percentage>",
-          "prose": "Specifies the thickness of text decoration lines as a percentage of 1em. The UA should round the actual value to the nearest integer device pixel, and ensure it is at least one device pixel.",
-          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-thickness-percentage",
-          "type": "value",
-          "value": "<percentage>"
+          "value": "<length-percentage>"
         }
       ],
       "styleDeclaration": [
@@ -247,18 +240,11 @@
           "value": "auto"
         },
         {
-          "name": "<length>",
-          "prose": "Specifies the offset of underlines as a fixed length.",
-          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-underline-offset-length",
-          "type": "value",
-          "value": "<length>"
-        },
-        {
-          "name": "<percentage>",
-          "prose": "Specifies the offset of underlines as a percentage of 1em.",
-          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-underline-offset-percentage",
+          "name": "<length-percentage>",
+          "prose": "A length value specifies the offset of underlines as a fixed length. A percentage value specifies the offset of underlines as a percentage of 1em.",
+          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-underline-offset-length-percentage",
           "type": "value",
-          "value": "<percentage>"
+          "value": "<length-percentage>"
         }
       ],
       "styleDeclaration": [
@@ -671,14 +657,14 @@
         },
         {
           "name": "symbols",
-          "prose": "Skip symbols. Symbols in this definition includes all typographic character units belonging to the Unicode S* general category as well as any which are NFKD-equivalent [[!UAX15]] to the following characters from the Unicode Po category: # U+0023 NUMBER SIGN % U+0025 PERCENT SIGN ‰ U+2030 PER MILLE SIGN ‱ U+2031 PER TEN THOUSAND SIGN ٪ U+066A ARABIC PERCENT SIGN ؉ U+0609 ARABIC-INDIC PER MILLE SIGN ؊ U+060A ARABIC-INDIC PER TEN THOUSAND SIGN & U+0026 AMPERSAND ⁊ U+204A TIRONIAN SIGN E[[ @ U+0040 COMMERCIAL AT § U+00A7 SECTION SIGN ¶ U+00B6 PILCROW SIGN ⁋ U+204B REVERSED PILCROW SIGN ⁓ U+2053 SWUNG DASH 〽️ U+303D PART ALTERNATION MARK",
+          "prose": "Skip symbols. Symbols in this definition includes all typographic character units belonging to the Unicode S* general category as well as any which are NFKD-equivalent [UAX15] to the following characters from the Unicode Po category: # U+0023 NUMBER SIGN % U+0025 PERCENT SIGN ‰ U+2030 PER MILLE SIGN ‱ U+2031 PER TEN THOUSAND SIGN ٪ U+066A ARABIC PERCENT SIGN ؉ U+0609 ARABIC-INDIC PER MILLE SIGN ؊ U+060A ARABIC-INDIC PER TEN THOUSAND SIGN & U+0026 AMPERSAND ⁊ U+204A TIRONIAN SIGN E[[ @ U+0040 COMMERCIAL AT § U+00A7 SECTION SIGN ¶ U+00B6 PILCROW SIGN ⁋ U+204B REVERSED PILCROW SIGN ⁓ U+2053 SWUNG DASH 〽️ U+303D PART ALTERNATION MARK",
           "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-emphasis-skip-symbols",
           "type": "value",
           "value": "symbols"
         },
         {
           "name": "narrow",
-          "prose": "Skip characters where the East_Asian_Width property [[!UAX11]] of the Unicode database [[!UAX44]] is not F (Fullwidth) or W (Wide).",
+          "prose": "Skip characters where the East_Asian_Width property [UAX11] of the Unicode database [UAX44] is not F (Fullwidth) or W (Wide).",
           "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-emphasis-skip-narrow",
           "type": "value",
           "value": "narrow"

package/css-values-5.json

@@ -650,7 +650,7 @@
       "name": "<attr-type>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
       "type": "type",
-      "value": "type( <syntax> ) | raw-string | <attr-unit>"
+      "value": "type( <syntax> ) | raw-string | number | <attr-unit>"
     },
     {
       "name": "<attr-args>",

package/css-view-transitions.json

@@ -36,6 +36,13 @@
         "viewTransitionName"
       ]
     },
+    {
+      "name": "contain",
+      "newValues": "view-transition",
+      "styleDeclaration": [
+        "contain"
+      ]
+    },
     {
       "name": "view-transition-class",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",

package/mathml-core.json

@@ -21,7 +21,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-style",
@@ -38,7 +38,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-shift",
@@ -55,7 +55,7 @@
       "percentages": "n/a",
       "computedValue": "an integer, see below",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-depth",

package/package.json

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