@webref/css 6.25.8 → 6.25.10

package/SVG.json

@@ -143,13 +143,13 @@
     {
       "name": "path-length",
       "href": "https://w3c.github.io/svgwg/svg2-draft/paths.html#PathLengthCSSProperty",
-      "value": "none | @@ unknown symbol \"number [0,∞]\"",
+      "value": "none | <length> [0,∞]",
       "initial": "none",
       "appliesTo": "‘path’, ‘circle’, ‘ellipse’, ‘line’, ‘polygon’, ‘polyline’, ‘rect’",
       "inherited": "no",
       "percentages": "N/A",
       "media": "visual",
-      "computedValue": "the keyword none, or the specified number",
+      "computedValue": "the keyword none, or an absolute length",
       "animationType": "by computed value",
       "styleDeclaration": [
         "path-length",

package/css-backgrounds-4.json

@@ -300,7 +300,7 @@
         },
         {
           "name": "local",
-          "prose": "The background is fixed with regard to the box’s contents: if the box has a scrolling mechanism, the background scrolls with the box’s contents, and the background painting area and background positioning area are relative to the scrollable overflow area of the box rather than to the border framing them. Because the scrollable overflow area does not include the border area, for scroll containers the border-box value of background-clip may be treated the same as padding-box.",
+          "prose": "The background is fixed with regard to the box’s contents: if the box is a scroll container, the background scrolls with the box’s contents, and the background painting area and background positioning area are relative to the scrollable overflow area of the box rather than to the border framing them. Because the scrollable overflow area does not include the border area, for scroll containers the border-box value of background-clip may be treated the same as padding-box.",
           "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-attachment-local",
           "type": "value",
           "value": "local"

package/css-color-hdr.json

@@ -18,21 +18,21 @@
       "values": [
         {
           "name": "standard",
-          "prose": "The highest luminance color that is displayed is the same as HDR reference white, i.e. the CSS color white.",
+          "prose": "The highest luminance color that is displayed is the same as HDR Reference White, i.e. the CSS color white.",
           "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-standard",
           "type": "value",
           "value": "standard"
         },
         {
           "name": "no-limit",
-          "prose": "The highest peak luminance that is displayed is much greater than HDR reference white, i.e. the CSS color white; the precise level is not specified.",
+          "prose": "The highest peak luminance that is displayed is much greater than HDR Reference White, i.e. the CSS color white; the precise level is not specified.",
           "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-no-limit",
           "type": "value",
           "value": "no-limit"
         },
         {
           "name": "constrained",
-          "prose": "The highest peak luminance that is displayed is somewhat greater than HDR reference white, i.e. the CSS color white, such that a mix of SDR and HDR content can be comfortably viewed together.",
+          "prose": "The highest peak luminance that is displayed is somewhat greater than HDR Reference White, i.e. the CSS color white, such that a mix of SDR and HDR content can be comfortably viewed together.",
           "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-constrained",
           "type": "value",
           "value": "constrained"

package/css-color.json

@@ -1484,6 +1484,13 @@
           "type": "value",
           "value": "display-p3"
         },
+        {
+          "name": "display-p3-linear",
+          "prose": "The display-p3-linear predefined color space is the same as display-p3 except that the transfer function is linear-light (there is no gamma-encoding). 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 unity, see below 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 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 display-p3-linear than for display-p3. For example, these are the same color color(display-p3 0.591 0.123 0.264) color(display-p3-linear 0.3081 0.014 0.0567)",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-display-p3-linear",
+          "type": "value",
+          "value": "display-p3-linear"
+        },
         {
           "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.",

package/css-conditional-5.json

@@ -32,7 +32,7 @@
         },
         {
           "name": "scroll-state",
-          "prose": "Establishes a query container for container scroll-state queries",
+          "prose": "Establishes a query container for container scroll-state queries. For queries that match the state of the scroller itself (such as scrollable), the element is only a query container on the element’s own scrollable axises.",
           "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-scroll-state",
           "type": "value",
           "value": "scroll-state"

package/css-gcpm.json

@@ -117,7 +117,7 @@
   "selectors": [
     {
       "name": ":nth()",
-      "value": ":nth( An+B [of <custom-ident>]? )",
+      "value": ":nth( <a-n-plus-b> [of <custom-ident>]? )",
       "href": "https://drafts.csswg.org/css-gcpm-3/#selectordef-nth"
     }
   ],

package/css-nav.json

@@ -1,12 +1,12 @@
 {
   "spec": {
     "title": "CSS Spatial Navigation Module Level 1",
-    "url": "https://drafts.csswg.org/css-nav-1/"
+    "url": "https://drafts.csswg.org/css-spatial-nav-1/"
   },
   "properties": [
     {
       "name": "spatial-navigation-contain",
-      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-contain",
+      "href": "https://drafts.csswg.org/css-spatial-nav-1/#propdef-spatial-navigation-contain",
       "value": "auto | contain",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -19,14 +19,14 @@
         {
           "name": "auto",
           "prose": "If the element is a scroll container then it establishes a spatial navigation container, otherwise it does not.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-contain-auto",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-contain-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "contain",
           "prose": "The element establishes a spatial navigation container",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-contain-contain",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-contain-contain",
           "type": "value",
           "value": "contain"
         }
@@ -38,7 +38,7 @@
     },
     {
       "name": "spatial-navigation-action",
-      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-action",
+      "href": "https://drafts.csswg.org/css-spatial-nav-1/#propdef-spatial-navigation-action",
       "value": "auto | focus | scroll",
       "initial": "auto",
       "appliesTo": "scroll containers",
@@ -51,21 +51,21 @@
         {
           "name": "auto",
           "prose": "If there are visible focusable elements within the scroll container in the direction requested, the closest one becomes focused. Otherwise, the scroll container is scrolled in the direction requested.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-auto",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-action-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "focus",
-          "prose": "The focus is moved to the nearest focusable element within the scroll container, regardless of whether it is visible. If there are none, the scroll container is not scrolled, and the search continues up the ancestry chain instead.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-focus",
+          "prose": "The focus is moved to the nearest focusable element within the scroll container if it can be manually scrolled in that direction, regardless of whether it is visible. If there are none or it can’t be scrolled in that direction, the scroll container is not scrolled, and the search continues up the ancestry chain instead.",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-action-focus",
           "type": "value",
           "value": "focus"
         },
         {
           "name": "scroll",
-          "prose": "If the currently focused element is not itself a scroll container, this value on an ancestor scroll container has the same effect as auto. If the currently focused element is a scroll container, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-scroll",
+          "prose": "If the currently focused element is not itself a scroll container, this value on an ancestor scroll container has the same effect as auto. If the currently focused element is a scroll container and can be manually scrolled in the direction requested, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-action-scroll",
           "type": "value",
           "value": "scroll"
         }
@@ -77,7 +77,7 @@
     },
     {
       "name": "spatial-navigation-function",
-      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-function",
+      "href": "https://drafts.csswg.org/css-spatial-nav-1/#propdef-spatial-navigation-function",
       "value": "normal | grid",
       "initial": "normal",
       "appliesTo": "spatial navigation containers",
@@ -90,14 +90,14 @@
         {
           "name": "normal",
           "prose": "Moves the focus with the default focus navigation algorithm defined by UA. In general, the focus moves to the element with the closest distance calculated by finding the shortest distance.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-function-normal",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-function-normal",
           "type": "value",
           "value": "normal"
         },
         {
           "name": "grid",
           "prose": "Moves the focus to the element which is aligned most in the navigation direction. If there are more than one aligned candidates in the navigation direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum amount of alignment. Else if there isn’t any aligned candidate in a given direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum distance along the axis which is orthogonal to the navigation direction.",
-          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-function-grid",
+          "href": "https://drafts.csswg.org/css-spatial-nav-1/#valdef-spatial-navigation-function-grid",
           "type": "value",
           "value": "grid"
         }

package/css-navigation.json

@@ -7,7 +7,7 @@
   "atrules": [
     {
       "name": "@route",
-      "prose": "The @route rule is an at-rule that associates a name with a URL pattern. This name can be referenced in @navigation rules and in :active-navigation() pseudo-classes.",
+      "prose": "The @route rule is an at-rule that associates an author-defined name with a URL pattern. This name can be referenced in @navigation rules and in :link-to() pseudo-classes.",
       "href": "https://drafts.csswg.org/css-navigation-1/#at-ruledef-route",
       "descriptors": [],
       "value": "<route-rule>"
@@ -21,24 +21,43 @@
     }
   ],
   "selectors": [
-    {
-      "name": ":trigger-link",
-      "prose": "This specification defines a new :trigger-link that matches link elements that trigger the current navigation.",
-      "href": "https://drafts.csswg.org/css-navigation-1/#trigger-link-pseudo",
-      "value": ":trigger-link"
-    },
     {
       "name": ":link-to()",
       "prose": "This specification defines a new :link-to() functional pseudo-class that matches link elements that link to a certain URL.",
       "href": "https://drafts.csswg.org/css-navigation-1/#link-to-pseudo"
     },
     {
-      "name": ":active-navigation()",
-      "prose": "This specification defines a new :active-navigation() functional pseudo-class that matches link elements that link to a certain URL that is related to a navigation that is currently active.",
-      "href": "https://drafts.csswg.org/css-navigation-1/#active-navigation-pseudo"
+      "name": ":nav-source",
+      "prose": "This specification defines a :nav-source pseudo-class, matching the element that triggered the current navigation. It is a CSS reflection of the sourceElement property in the Navigation API. The trigger element can be an [^a^], [^area^], [^form^], a [^input/type/submit^] input, or a [^button^].",
+      "href": "https://drafts.csswg.org/css-navigation-1/#nav-source-pseudo",
+      "value": ":nav-source"
     }
   ],
   "values": [
+    {
+      "name": "<route-location>",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-location",
+      "type": "type",
+      "value": "<url> | [ [ <route-name> | <url-pattern()> ] <url-pattern-param-matcher>? ]"
+    },
+    {
+      "name": "<route-name>",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-name",
+      "type": "type",
+      "value": "<dashed-ident>"
+    },
+    {
+      "name": "<url-pattern-param-matcher>",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-url-pattern-param-matcher",
+      "type": "type",
+      "value": "with (<url-pattern-param># | [ all from <url> ])"
+    },
+    {
+      "name": "<url-pattern-param>",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-url-pattern-param",
+      "type": "type",
+      "value": "<ident>: <any-value>"
+    },
     {
       "name": "<route-rule>",
       "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-rule",
@@ -82,18 +101,6 @@
       "type": "function",
       "value": "url-pattern( <string> )"
     },
-    {
-      "name": "<route-location>",
-      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-location",
-      "type": "type",
-      "value": "<route-name> | <url-pattern()> | <url>"
-    },
-    {
-      "name": "<route-name>",
-      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-name",
-      "type": "type",
-      "value": "<dashed-ident>"
-    },
     {
       "name": "<navigation-condition>",
       "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-condition",
@@ -116,11 +123,11 @@
       "name": "<navigation-location-test>",
       "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-location-test",
       "type": "type",
-      "value": "<navigation-location-keyword> : <route-location>"
+      "value": "<navigation-relation> : <route-location>"
     },
     {
-      "name": "<navigation-location-keyword>",
-      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-location-keyword",
+      "name": "<navigation-relation>",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-relation",
       "type": "type",
       "value": "at | with | from | to"
     },
@@ -153,18 +160,6 @@
       "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-phase-keyword",
       "type": "type",
       "value": "loading | ready | committed"
-    },
-    {
-      "name": "<active-navigation-condition>",
-      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-active-navigation-condition",
-      "type": "type",
-      "value": "<navigation-relation>? [ <route-location> | link-href ]?"
-    },
-    {
-      "name": "<navigation-relation>",
-      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-relation",
-      "type": "type",
-      "value": "at | with | from | to"
     }
   ],
   "warnings": [

package/css-overflow-4.json

@@ -291,7 +291,7 @@
         },
         {
           "name": "<string>",
-          "prose": "Render the specified string as the block overflow ellipsis at the end of the affected line box. The UA may truncate this string if it is absurdly long. When set to the empty string, the behavior is identical to the no-ellipsis value.",
+          "prose": "Render the specified string as the block overflow ellipsis at the end of the affected line box. The UA may truncate this string if it is absurdly long. When set to the empty string, the behavior is identical to the no-ellipsis value. All forced line breaks inside the specified string (regardless of white-space value) must be collapsed, as defined for collapsible segment breaks in CSS Text 3 § 4.1.3 Segment Break Transformation Rules.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-block-ellipsis-string",
           "type": "value",
           "value": "<string>"

package/css-position.json

@@ -25,21 +25,21 @@
         },
         {
           "name": "relative",
-          "prose": "The box is laid out as for static, then offset from the resulting position. This offsetting is a purely visual effect, and, unless otherwise specified, does not affect the size or position of any other non-descendant box except insofar as it increases the scrollable overflow area of its ancestors. This positioning scheme is called relative positioning.",
+          "prose": "The box is laid out as for static, then offset from the resulting position with the inset properties. This offsetting is a purely visual effect, and, unless otherwise specified, does not affect the size or position of any other non-descendant box except insofar as it increases the scrollable overflow area of its ancestors. This positioning scheme is called relative positioning. See § 3.3 Relative Positioning for more details.",
           "href": "https://drafts.csswg.org/css-position-3/#valdef-position-relative",
           "type": "value",
           "value": "relative"
         },
         {
           "name": "sticky",
-          "prose": "Identical to relative, except that its offsets are automatically adjusted in reference to the nearest ancestor scroll container’s scrollport (as modified by the inset properties) in whichever axes the inset properties are not both auto, to try to keep the box in view within its containing block as the user scrolls. This positioning scheme is called sticky positioning.",
+          "prose": "Same as relative, except the offsets are calculated automatically to keep the element in view as the user scrolls. This positioning scheme is called sticky positioning. See § 3.4 Sticky positioning for more details.",
           "href": "https://drafts.csswg.org/css-position-3/#valdef-position-sticky",
           "type": "value",
           "value": "sticky"
         },
         {
           "name": "absolute",
-          "prose": "The box is taken out of flow such that it has no impact on the size or position of its siblings and ancestors, and does not participate in its parent’s formatting context. Instead, the box is positioned and sized solely in reference to its absolute positioning containing block, as modified by the box’s inset properties, see § 4 Absolute Positioning Layout Model. It can overlap in-flow content or other absolutely positioned elements, and is included in the scrollable overflow area of the box that generates is containing block. This positioning scheme is called absolute positioning.",
+          "prose": "The box is taken out of flow such that it has no impact on the size or position of its siblings and ancestors, and does not participate in its parent’s formatting context. Instead, the box is positioned and sized solely in reference to its absolute positioning containing block, as modified by the box’s inset properties, see § 4 Absolute Positioning Layout Model and § 3.5 Absolute (and Fixed) Positioning. It can overlap in-flow content or other absolutely positioned elements, and is included in the scrollable overflow area of the box that generates is containing block. This positioning scheme is called absolute positioning.",
           "href": "https://drafts.csswg.org/css-position-3/#valdef-position-absolute",
           "type": "value",
           "value": "absolute"

package/css-sizing-4.json

@@ -504,7 +504,7 @@
         },
         {
           "name": "zero-if-scroll",
-          "prose": "The box’s min-content contribution is “compressed” if it is a scroll container.",
+          "prose": "The box’s min-content contribution is “compressed” if it is a scroll container in that axis.",
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-min-intrinsic-sizing-zero-if-scroll",
           "type": "value",
           "value": "zero-if-scroll"

package/css-syntax.json

@@ -171,7 +171,7 @@
       "type": "type"
     },
     {
-      "name": "<an+b>",
+      "name": "<a-n-plus-b>",
       "href": "https://drafts.csswg.org/css-syntax-3/#anb-production",
       "type": "type",
       "value": "odd | even | <integer> | <n-dimension> | '+'? n | -n | <ndashdigit-dimension> | '+'? <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'? n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'? n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'? n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>"

package/css-text-4.json

@@ -292,14 +292,14 @@
       "values": [
         {
           "name": "wrap",
-          "prose": "Content may break across lines at allowed soft wrap opportunities, as determined by the line-breaking rules in effect, in order to minimize inline-axis overflow.",
+          "prose": "Lines may wrap at allowed soft wrap opportunities, as determined by the line-breaking rules in effect, in order to minimize inline-axis overflow.",
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-wrap",
           "type": "value",
           "value": "wrap"
         },
         {
           "name": "nowrap",
-          "prose": "Inline-level content does not break across lines; content that does not fit within the block container overflows it.",
+          "prose": "Lines only break at forced line breaks; content that does not fit within the block container overflows it.",
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-nowrap",
           "type": "value",
           "value": "nowrap"
@@ -483,7 +483,7 @@
         },
         {
           "name": "balance",
-          "prose": "Line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than auto is possible. This should avoid changing—​and in the case of 5 or fewer lines must not change—​the number of line boxes the block would contain if text-wrap were set to auto. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced break). Groups of lines separated by a forced line break are processed separately. If the element is affected by line-clamp, the clamping effect is applied first, then the remaining lines are balanced. The exact algorithm is UA-defined. UAs may treat this value as auto if there are more than ten lines to balance.",
+          "prose": "Line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than auto is possible. This should avoid changing—​and in the case of 5 or fewer lines must not change—​the number of line boxes the block would contain if text-wrap were set to auto. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced line break). Groups of lines separated by a forced line break are processed separately. If the element is affected by line-clamp, the clamping effect is applied first, then the remaining lines are balanced. The exact algorithm is UA-defined. UAs may treat this value as auto if there are more than ten lines to balance.",
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance",
           "type": "value",
           "value": "balance"
@@ -867,22 +867,6 @@
         "overflowWrap"
       ]
     },
-    {
-      "name": "word-wrap",
-      "href": "https://drafts.csswg.org/css-text-4/#propdef-word-wrap",
-      "value": "normal | break-word | anywhere",
-      "initial": "normal",
-      "appliesTo": "text",
-      "inherited": "yes",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "n/a",
-      "animationType": "discrete",
-      "styleDeclaration": [
-        "word-wrap",
-        "wordWrap"
-      ]
-    },
     {
       "name": "text-align",
       "href": "https://drafts.csswg.org/css-text-4/#propdef-text-align",
@@ -945,7 +929,7 @@
         },
         {
           "name": "justify",
-          "prose": "Text is justified according to the method specified by the text-justify property, in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned.",
+          "prose": "Text is justified according to the method specified by the text-justify property, in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced line break is start-aligned.",
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-align-justify",
           "type": "value",
           "value": "justify"
@@ -1142,73 +1126,6 @@
         "textGroupAlign"
       ]
     },
-    {
-      "name": "text-fit",
-      "href": "https://drafts.csswg.org/css-text-4/#propdef-text-fit",
-      "value": "[ none | grow | shrink ] [consistent | per-line | per-line-all]? <percentage>?",
-      "initial": "none",
-      "appliesTo": "block containers",
-      "inherited": "yes",
-      "percentages": "N/A",
-      "computedValue": "specified keywords or computed <percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "none",
-          "prose": "The user agent doesn’t scale inline-level contents to fit to the line box.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-none",
-          "type": "value",
-          "value": "none"
-        },
-        {
-          "name": "grow",
-          "prose": "The user agent scales up inline-level contents to fit to the line box.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-grow",
-          "type": "value",
-          "value": "grow"
-        },
-        {
-          "name": "shrink",
-          "prose": "The user agent scales down inline-level contents to fit to the line box.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-shrink",
-          "type": "value",
-          "value": "shrink"
-        },
-        {
-          "name": "consistent",
-          "prose": "Specifies that all lines in the container are scaled with a single scaling factor. This keyword has no effect if none is specified. If none of consistent, per-line, or per-line-all are specified, consistent is assumed.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-consistent",
-          "type": "value",
-          "value": "consistent"
-        },
-        {
-          "name": "per-line",
-          "prose": "Specifies that each line is scaled with its own scaling factor. However, the last line of the block and lines that end in a forced break are not scaled. This keyword has no effect if none is specified.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-per-line",
-          "type": "value",
-          "value": "per-line"
-        },
-        {
-          "name": "per-line-all",
-          "prose": "Specifies that each line is scaled with its own scaling factor, including the last line of the block and lines that end in a forced break. This keyword has no effect if none is specified.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-per-line-all",
-          "type": "value",
-          "value": "per-line-all"
-        },
-        {
-          "name": "<percentage>",
-          "prose": "Specifies the limit of the scaling factor. If grow is specified and the value is 100% or greater, it is the maximum scaling factor. If shrink is specified and the value is between 0% and 100% inclusive, it is the minimum scaling factor. Otherwise, or if this component is omitted, there is no limit on the scaling factor.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-fit-percentage",
-          "type": "value",
-          "value": "<percentage>"
-        }
-      ],
-      "styleDeclaration": [
-        "text-fit",
-        "textFit"
-      ]
-    },
     {
       "name": "word-spacing",
       "href": "https://drafts.csswg.org/css-text-4/#propdef-word-spacing",
@@ -1578,6 +1495,16 @@
         "hanging-punctuation",
         "hangingPunctuation"
       ]
+    },
+    {
+      "name": "word-wrap",
+      "href": "https://drafts.csswg.org/css-text-4/#propdef-word-wrap",
+      "legacyAliasOf": "overflow-wrap",
+      "styleDeclaration": [
+        "word-wrap",
+        "wordWrap"
+      ],
+      "value": "normal | break-word | anywhere"
     }
   ],
   "atrules": [],

package/css-text-5.json

@@ -0,0 +1,78 @@
+{
+  "spec": {
+    "title": "CSS Text Module Level 5",
+    "url": "https://drafts.csswg.org/css-text-5/"
+  },
+  "properties": [
+    {
+      "name": "text-fit",
+      "href": "https://drafts.csswg.org/css-text-5/#propdef-text-fit",
+      "value": "[ none | grow | shrink ] [consistent | per-line | per-line-all]? <percentage>?",
+      "initial": "none",
+      "appliesTo": "block containers",
+      "inherited": "yes",
+      "percentages": "N/A",
+      "computedValue": "specified keywords or computed <percentage> value",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The user agent doesn’t scale inline-level contents to fit to the line box.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-none",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "grow",
+          "prose": "The user agent scales up inline-level contents to fit to the line box.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-grow",
+          "type": "value",
+          "value": "grow"
+        },
+        {
+          "name": "shrink",
+          "prose": "The user agent scales down inline-level contents to fit to the line box.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-shrink",
+          "type": "value",
+          "value": "shrink"
+        },
+        {
+          "name": "consistent",
+          "prose": "Specifies that all lines in the container are scaled with a single scaling factor. This keyword has no effect if none is specified. If none of consistent, per-line, or per-line-all are specified, consistent is assumed.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-consistent",
+          "type": "value",
+          "value": "consistent"
+        },
+        {
+          "name": "per-line",
+          "prose": "Specifies that each line is scaled with its own scaling factor. However, the last line of the block and lines that end in a forced break are not scaled. This keyword has no effect if none is specified.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-per-line",
+          "type": "value",
+          "value": "per-line"
+        },
+        {
+          "name": "per-line-all",
+          "prose": "Specifies that each line is scaled with its own scaling factor, including the last line of the block and lines that end in a forced break. This keyword has no effect if none is specified.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-per-line-all",
+          "type": "value",
+          "value": "per-line-all"
+        },
+        {
+          "name": "<percentage>",
+          "prose": "Specifies the limit of the scaling factor. If grow is specified and the value is 100% or greater, it is the maximum scaling factor. If shrink is specified and the value is between 0% and 100% inclusive, it is the minimum scaling factor. Otherwise, or if this component is omitted, there is no limit on the scaling factor.",
+          "href": "https://drafts.csswg.org/css-text-5/#valdef-text-fit-percentage",
+          "type": "value",
+          "value": "<percentage>"
+        }
+      ],
+      "styleDeclaration": [
+        "text-fit",
+        "textFit"
+      ]
+    }
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
+}

package/css-text.json

@@ -320,22 +320,6 @@
         "overflowWrap"
       ]
     },
-    {
-      "name": "word-wrap",
-      "href": "https://drafts.csswg.org/css-text-3/#propdef-word-wrap",
-      "value": "normal | break-word | anywhere",
-      "initial": "normal",
-      "appliesTo": "text",
-      "inherited": "yes",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "n/a",
-      "animationType": "discrete",
-      "styleDeclaration": [
-        "word-wrap",
-        "wordWrap"
-      ]
-    },
     {
       "name": "text-align",
       "href": "https://drafts.csswg.org/css-text-3/#propdef-text-align",
@@ -385,7 +369,7 @@
         },
         {
           "name": "justify",
-          "prose": "Text is justified according to the method specified by the text-justify property, in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned.",
+          "prose": "Text is justified according to the method specified by the text-justify property, in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced line break is start-aligned.",
           "href": "https://drafts.csswg.org/css-text-3/#valdef-text-align-justify",
           "type": "value",
           "value": "justify"
@@ -670,6 +654,16 @@
         "hanging-punctuation",
         "hangingPunctuation"
       ]
+    },
+    {
+      "name": "word-wrap",
+      "href": "https://drafts.csswg.org/css-text-3/#propdef-word-wrap",
+      "legacyAliasOf": "overflow-wrap",
+      "styleDeclaration": [
+        "word-wrap",
+        "wordWrap"
+      ],
+      "value": "normal | break-word | anywhere"
     }
   ],
   "atrules": [],

package/css-values-5.json

@@ -331,10 +331,19 @@
     },
     {
       "name": "progress()",
-      "prose": "The progress() functional notation represents the proportional distance of a given value (the progress value) from one value (the progress start value) to another value (the progress end value), each represented as a calculation. It is a math function, and can be input into other calculations such as a math function or a mix notation.",
+      "prose": "The progress() functional notation represents the proportional distance of a given value (the progress value) from one value (the progress start value) to another value (the progress end value), each represented as a calculation. It is a math function, and can be input into other calculations such as a math function or a mix notation. The syntax of progress() is:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-progress",
       "type": "function",
-      "value": "progress(<calc-sum>, <calc-sum>, <calc-sum>)"
+      "value": "progress(no-clamp? <calc-sum>, <calc-sum>, <calc-sum>)",
+      "values": [
+        {
+          "name": "no-clamp",
+          "prose": "If no-clamp is present, the progress() function can potentially resolve to any number; if omitted (the default), the return value is clamped to the range [0, 1].",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-no-clamp",
+          "type": "value",
+          "value": "no-clamp"
+        }
+      ]
     },
     {
       "name": "calc-mix()",
@@ -712,14 +721,14 @@
         },
         {
           "name": "<random-cache-key>",
-          "prose": "The <random-cache-key> specifies the random cache name, allowing it to be explicitly shared (or not) with other uses of random functions. Every random function using the same random cache name will get the same random value; every one using a different random cache name will get unrelated random values. The <dashed-ident> gives the value an explicit name. If omitted, this part of the name is null. element-scoped adds an element-specific identifier to the random cache name, so different elements will get different random values. property-scoped adds the property name the random function is being used on to the random cache name, so different properties will get different random values. Note that shorthand declarations will apply the shorthand property’s name. property-index-scoped adds the property name and the index of the random function among all the random functions used in the same property value to the random cache name, so multiple instances of a random function in the same declaration will each get different random cache names. Note this index is assigned before shorthand expansion. See § 9.4.1 Simplification of <random-key> for how these values resolve. The <random-ua-ident> value, like fixed below, isn’t intended to be specified by authors, but can show up in computed values. It is a <custom-ident> that must start with the prefix ua-, or else it is invalid. When generated automatically by the user agent, it will always be ua-PROPERTY or ua-PROPERTY-INDEX, with the PROPERTY and INDEX parts replaced with a property name or integer index, like ua-margin-3.",
+          "prose": "The <random-cache-key> specifies the random cache name, allowing it to be explicitly shared (or not) with other uses of random functions. Every random function using the same random cache name will get the same random value; every one using a different random cache name will get unrelated random values. The <dashed-ident> gives the value an explicit name. If omitted, this part of the name is null. element-scoped adds an element-specific identifier to the random cache name, so different elements will get different random values. property-scoped adds the property name the random function is being used on to the random cache name, so different properties will get different random values. Note that shorthand declarations will apply the shorthand property’s name. property-index-scoped adds the property name and the index of the random function among all the random functions used in the same property value to the random cache name, so multiple instances of a random function in the same declaration will each get different random cache names. Note this index is assigned before shorthand expansion. See § 9.4.1 Simplification of <random-key> for how these values resolve. The <random-ua-ident> value, like fixed below, isn’t intended to be specified by authors, but can show up in computed values. It is a <custom-ident> that must start with the prefix ua-, or else it is invalid. When generated automatically by the user agent, it follows certain specific patterns; see § 9.4.1 Simplification of <random-key> for details.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-random-random-cache-key",
           "type": "value",
           "value": "<random-cache-key>"
         },
         {
           "name": "<random-ua-ident>",
-          "prose": "The <random-ua-ident> value, like fixed below, isn’t intended to be specified by authors, but can show up in computed values. It is a <custom-ident> that must start with the prefix ua-, or else it is invalid. When generated automatically by the user agent, it will always be ua-PROPERTY or ua-PROPERTY-INDEX, with the PROPERTY and INDEX parts replaced with a property name or integer index, like ua-margin-3.",
+          "prose": "The <random-ua-ident> value, like fixed below, isn’t intended to be specified by authors, but can show up in computed values. It is a <custom-ident> that must start with the prefix ua-, or else it is invalid. When generated automatically by the user agent, it follows certain specific patterns; see § 9.4.1 Simplification of <random-key> for details.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-random-random-ua-ident",
           "type": "value",
           "value": "<random-ua-ident>"

package/css-view-transitions.json

@@ -163,8 +163,24 @@
           "name": "types",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
           "for": "@view-transition",
-          "value": "none | <custom-ident>+",
-          "initial": "none"
+          "value": "none | <view-transition-type>+",
+          "initial": "none",
+          "values": [
+            {
+              "name": "none",
+              "prose": "No transition types are set.",
+              "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-types-none",
+              "type": "value",
+              "value": "none"
+            },
+            {
+              "name": "<view-transition-type>+",
+              "prose": "Sets the active types for the transition to the specified custom identifiers.",
+              "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-types-view-transition-type",
+              "type": "value",
+              "value": "<view-transition-type>+"
+            }
+          ]
         }
       ],
       "value": "@view-transition { <declaration-list> }"
@@ -173,7 +189,7 @@
   "selectors": [
     {
       "name": "::view-transition",
-      "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
+      "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. If its originating element is the document’s document element, its containing block is the snapshot containing block.",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition",
       "value": "::view-transition"
     },
@@ -221,6 +237,12 @@
       "type": "type",
       "value": "'*' | <custom-ident>"
     },
+    {
+      "name": "<view-transition-type>",
+      "prose": "where <view-transition-type> is any <custom-ident> other than none, and not starting with the string \"-ua-\".",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-view-transition-type",
+      "type": "type"
+    },
     {
       "name": "<pt-name-and-class-selector>",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-and-class-selector",

package/package.json

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

package/scroll-animations.json

@@ -34,35 +34,35 @@
       "values": [
         {
           "name": "block",
-          "prose": "Specifies to use the measure of progress along the block axis of the scroll container. (Default.)",
+          "prose": "Specifies to use the measure of progress along the block axis of the block-axis scroll container. (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-block",
           "type": "value",
           "value": "block"
         },
         {
           "name": "inline",
-          "prose": "Specifies to use the measure of progress along the inline axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the inline axis of the inline-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-inline",
           "type": "value",
           "value": "inline"
         },
         {
           "name": "x",
-          "prose": "Specifies to use the measure of progress along the horizontal axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the horizontal axis of the x-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-x",
           "type": "value",
           "value": "x"
         },
         {
           "name": "y",
-          "prose": "Specifies to use the measure of progress along the vertical axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the vertical axis of the y-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-y",
           "type": "value",
           "value": "y"
         },
         {
           "name": "nearest",
-          "prose": "Specifies to use the nearest ancestor scroll container. (Default.)",
+          "prose": "Specifies to use the nearest ancestor scroll container with an appropriate scrollable axis (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-nearest",
           "type": "value",
           "value": "nearest"
@@ -76,7 +76,7 @@
         },
         {
           "name": "self",
-          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container, then the scroll progress timeline is inactive.",
+          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container in the appropriate axis, then the scroll progress timeline is inactive.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-self",
           "type": "value",
           "value": "self"
@@ -137,35 +137,35 @@
       "values": [
         {
           "name": "block",
-          "prose": "Specifies to use the measure of progress along the block axis of the scroll container. (Default.)",
+          "prose": "Specifies to use the measure of progress along the block axis of the block-axis scroll container. (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-block",
           "type": "value",
           "value": "block"
         },
         {
           "name": "inline",
-          "prose": "Specifies to use the measure of progress along the inline axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the inline axis of the inline-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-inline",
           "type": "value",
           "value": "inline"
         },
         {
           "name": "x",
-          "prose": "Specifies to use the measure of progress along the horizontal axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the horizontal axis of the x-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-x",
           "type": "value",
           "value": "x"
         },
         {
           "name": "y",
-          "prose": "Specifies to use the measure of progress along the vertical axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the vertical axis of the y-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-y",
           "type": "value",
           "value": "y"
         },
         {
           "name": "nearest",
-          "prose": "Specifies to use the nearest ancestor scroll container. (Default.)",
+          "prose": "Specifies to use the nearest ancestor scroll container with an appropriate scrollable axis (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-nearest",
           "type": "value",
           "value": "nearest"
@@ -179,7 +179,7 @@
         },
         {
           "name": "self",
-          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container, then the scroll progress timeline is inactive.",
+          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container in the appropriate axis, then the scroll progress timeline is inactive.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-self",
           "type": "value",
           "value": "self"
@@ -392,35 +392,35 @@
       "values": [
         {
           "name": "block",
-          "prose": "Specifies to use the measure of progress along the block axis of the scroll container. (Default.)",
+          "prose": "Specifies to use the measure of progress along the block axis of the block-axis scroll container. (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-block",
           "type": "value",
           "value": "block"
         },
         {
           "name": "inline",
-          "prose": "Specifies to use the measure of progress along the inline axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the inline axis of the inline-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-inline",
           "type": "value",
           "value": "inline"
         },
         {
           "name": "x",
-          "prose": "Specifies to use the measure of progress along the horizontal axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the horizontal axis of the x-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-x",
           "type": "value",
           "value": "x"
         },
         {
           "name": "y",
-          "prose": "Specifies to use the measure of progress along the vertical axis of the scroll container.",
+          "prose": "Specifies to use the measure of progress along the vertical axis of the y-axis scroll container.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-y",
           "type": "value",
           "value": "y"
         },
         {
           "name": "nearest",
-          "prose": "Specifies to use the nearest ancestor scroll container. (Default.)",
+          "prose": "Specifies to use the nearest ancestor scroll container with an appropriate scrollable axis (Default.)",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-nearest",
           "type": "value",
           "value": "nearest"
@@ -434,7 +434,7 @@
         },
         {
           "name": "self",
-          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container, then the scroll progress timeline is inactive.",
+          "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container in the appropriate axis, then the scroll progress timeline is inactive.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-scroll-self",
           "type": "value",
           "value": "self"
@@ -455,7 +455,7 @@
     },
     {
       "name": "view()",
-      "prose": "The view() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a view progress timeline in reference to the nearest ancestor scroll container. Its syntax is",
+      "prose": "The view() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a view progress timeline in reference to the nearest ancestor scroll container that’s scrollable in the specified axis. Its syntax is",
       "href": "https://drafts.csswg.org/scroll-animations-1/#funcdef-view",
       "type": "function",
       "value": "view( [ <axis> || <'view-timeline-inset'> ]? )"