npm - @webref/css - Versions diffs - 6.25.1 → 6.25.3 - Mend

@webref/css 6.25.1 → 6.25.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/SVG.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "spec": {
     "title": "Scalable Vector Graphics (SVG) 2",
-    "url": "https://svgwg.org/svg2-draft/"
+    "url": "https://w3c.github.io/svgwg/svg2-draft/"
   },
   "properties": [
     {
       "name": "cx",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#CxProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#CxProperty",
       "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "‘circle’ and ‘ellipse’ elements",
@@ -21,7 +21,7 @@
     },
     {
       "name": "cy",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#CyProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#CyProperty",
       "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "‘circle’ and ‘ellipse’ elements",
@@ -36,7 +36,7 @@
     },
     {
       "name": "r",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#RProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RProperty",
       "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "‘circle’ element",
@@ -51,7 +51,7 @@
     },
     {
       "name": "rx",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#RxProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RxProperty",
       "value": "<length-percentage> | auto",
       "initial": "auto",
       "appliesTo": "‘ellipse’, ‘rect’ elements",
@@ -66,7 +66,7 @@
     },
     {
       "name": "ry",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#RyProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RyProperty",
       "value": "<length-percentage> | auto",
       "initial": "auto",
       "appliesTo": "‘ellipse’, ‘rect’",
@@ -81,7 +81,7 @@
     },
     {
       "name": "x",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#XProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#XProperty",
       "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements",
@@ -96,7 +96,7 @@
     },
     {
       "name": "y",
-      "href": "https://svgwg.org/svg2-draft/geometry.html#YProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#YProperty",
       "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements",
@@ -111,7 +111,7 @@
     },
     {
       "name": "vector-effect",
-      "href": "https://svgwg.org/svg2-draft/coords.html#VectorEffectProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/coords.html#VectorEffectProperty",
       "value": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
       "initial": "none",
       "appliesTo": "graphics elements and ‘use’",
@@ -127,7 +127,7 @@
     },
     {
       "name": "d",
-      "href": "https://svgwg.org/svg2-draft/paths.html#DProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/paths.html#DProperty",
       "value": "none | <string>",
       "initial": "none",
       "appliesTo": "‘path’",
@@ -142,7 +142,7 @@
     },
     {
       "name": "shape-subtract",
-      "href": "https://svgwg.org/svg2-draft/text.html#ShapesubtractProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/text.html#ShapesubtractProperty",
       "value": "none | [ <basic-shape> | <uri> ]+",
       "initial": "none",
       "appliesTo": "‘text’ elements",
@@ -158,7 +158,7 @@
     },
     {
       "name": "text-anchor",
-      "href": "https://svgwg.org/svg2-draft/text.html#TextAnchorProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/text.html#TextAnchorProperty",
       "value": "start | middle | end",
       "initial": "start",
       "appliesTo": "text content elements",
@@ -174,7 +174,7 @@
     },
     {
       "name": "fill",
-      "href": "https://svgwg.org/svg2-draft/painting.html#FillProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#FillProperty",
       "value": "<paint>",
       "initial": "black",
       "appliesTo": "shapes and text content elements",
@@ -189,7 +189,7 @@
     },
     {
       "name": "stroke",
-      "href": "https://svgwg.org/svg2-draft/painting.html#StrokeProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#StrokeProperty",
       "value": "<paint>",
       "initial": "none",
       "appliesTo": "shapes and text content elements",
@@ -204,7 +204,7 @@
     },
     {
       "name": "marker-start",
-      "href": "https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerStartProperty",
       "value": "none | <marker-ref>",
       "initial": "none",
       "appliesTo": "shapes",
@@ -220,7 +220,7 @@
     },
     {
       "name": "marker-mid",
-      "href": "https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerMidProperty",
       "value": "none | <marker-ref>",
       "initial": "none",
       "appliesTo": "shapes",
@@ -236,7 +236,7 @@
     },
     {
       "name": "marker-end",
-      "href": "https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerEndProperty",
       "value": "none | <marker-ref>",
       "initial": "none",
       "appliesTo": "shapes",
@@ -252,7 +252,7 @@
     },
     {
       "name": "marker",
-      "href": "https://svgwg.org/svg2-draft/painting.html#MarkerProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#MarkerProperty",
       "value": "none | <marker-ref>",
       "initial": "not defined for shorthand properties",
       "appliesTo": "shapes",
@@ -272,7 +272,7 @@
     },
     {
       "name": "paint-order",
-      "href": "https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#PaintOrderProperty",
       "value": "normal | [ fill || stroke || markers ]",
       "initial": "normal",
       "appliesTo": "shapes and text content elements",
@@ -288,7 +288,7 @@
     },
     {
       "name": "color-interpolation",
-      "href": "https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#ColorInterpolationProperty",
       "value": "auto | sRGB | linearRGB",
       "initial": "sRGB",
       "appliesTo": "container elements, graphics elements, gradient elements, ‘use’ and ‘animate’",
@@ -304,7 +304,7 @@
     },
     {
       "name": "shape-rendering",
-      "href": "https://svgwg.org/svg2-draft/painting.html#ShapeRenderingProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#ShapeRenderingProperty",
       "value": "auto | optimizeSpeed | crispEdges | geometricPrecision",
       "initial": "auto",
       "appliesTo": "shapes",
@@ -320,7 +320,7 @@
     },
     {
       "name": "text-rendering",
-      "href": "https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#TextRenderingProperty",
       "value": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
       "initial": "auto",
       "appliesTo": "‘text’",
@@ -336,7 +336,7 @@
     },
     {
       "name": "pointer-events",
-      "href": "https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/interact.html#PointerEventsProperty",
       "value": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
       "initial": "auto",
       "appliesTo": "container elements, graphics elements and ‘use’",
@@ -352,7 +352,7 @@
     },
     {
       "name": "stop-color",
-      "href": "https://svgwg.org/svg2-draft/pservers.html#StopColorProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/pservers.html#StopColorProperty",
       "styleDeclaration": [
         "stop-color",
         "stopColor"
@@ -361,7 +361,7 @@
     },
     {
       "name": "stop-opacity",
-      "href": "https://svgwg.org/svg2-draft/pservers.html#StopOpacityProperty",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/pservers.html#StopOpacityProperty",
       "styleDeclaration": [
         "stop-opacity",
         "stopOpacity"
@@ -375,19 +375,19 @@
     {
       "name": "<points>",
       "value": "[ <number>+ ]#",
-      "href": "https://svgwg.org/svg2-draft/shapes.html#DataTypePoints",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/shapes.html#DataTypePoints",
       "type": "type"
     },
     {
       "name": "<dasharray>",
       "value": "[ [ <length-percentage> | <number> ]+ ]#",
-      "href": "https://svgwg.org/svg2-draft/painting.html#DataTypeDasharray",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#DataTypeDasharray",
       "type": "type"
     },
     {
       "name": "<marker-ref>",
       "value": "<url>",
-      "href": "https://svgwg.org/svg2-draft/painting.html#DataTypeMarkerRef",
+      "href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#DataTypeMarkerRef",
       "type": "type"
     }
   ]

package/css-anchor-position.json CHANGED Viewed

@@ -78,7 +78,7 @@
     {
       "name": "position-anchor",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
-      "value": "normal | none | auto | <anchor-name>",
+      "value": "normal | none | auto | <anchor-name> | match-parent",
       "initial": "normal",
       "appliesTo": "absolutely positioned boxes",
       "inherited": "no",
@@ -114,6 +114,13 @@
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-anchor-name",
           "type": "value",
           "value": "<anchor-name>"
+        },
+        {
+          "name": "match-parent",
+          "prose": "Uses the same default anchor element as the parent—or originating element, if this is a pseudo-element—if any, and if that would be an acceptable anchor element. Otherwise, the box has no default anchor element.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-match-parent",
+          "type": "value",
+          "value": "match-parent"
         }
       ],
       "styleDeclaration": [
@@ -131,7 +138,7 @@
       "percentages": "n/a",
       "computedValue": "the keyword none or a pair of keywords, see § 3.1.3 Computed Value and Serialization of <position-area>",
       "canonicalOrder": "per grammar",
-      "animationType": "TBD",
+      "animationType": "discrete",
       "values": [
         {
           "name": "none",
@@ -217,42 +224,6 @@
         "alignSelf"
       ]
     },
-    {
-      "name": "justify-items",
-      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-justify-items",
-      "newValues": "anchor-center",
-      "values": [
-        {
-          "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
-          "type": "value",
-          "value": "anchor-center"
-        }
-      ],
-      "styleDeclaration": [
-        "justify-items",
-        "justifyItems"
-      ]
-    },
-    {
-      "name": "align-items",
-      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-align-items",
-      "newValues": "anchor-center",
-      "values": [
-        {
-          "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
-          "type": "value",
-          "value": "anchor-center"
-        }
-      ],
-      "styleDeclaration": [
-        "align-items",
-        "alignItems"
-      ]
-    },
     {
       "name": "width",
       "newValues": "<anchor-size()>",

package/css-cascade-6.json CHANGED Viewed

@@ -17,7 +17,7 @@
       "prose": "Scoped styles are described in CSS using the @scope block at-rule, which declares a scoping root and optional scoping limits associated with a set of style rules.",
       "href": "https://drafts.csswg.org/css-cascade-6/#at-ruledef-scope",
       "descriptors": [],
-      "value": "@scope <scope-boundaries> { <block-contents> }"
+      "value": "@scope <scope-boundaries>? { <block-contents> }"
     }
   ],
   "selectors": [],
@@ -38,7 +38,7 @@
       "name": "<scope-boundaries>",
       "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-boundaries",
       "type": "type",
-      "value": "[ ( <scope-start> ) ]? [ to ( <scope-end> ) ]?"
+      "value": "[ [ ( <scope-start> ) ]? [ to ( <scope-end> ) ]? ]!"
     },
     {
       "name": "<scope-start>",

package/css-color-5.json CHANGED Viewed

@@ -426,7 +426,7 @@
       "name": "<light-dark-image>",
       "href": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image",
       "type": "type",
-      "value": "light-dark(<image> | none, <image> | none)"
+      "value": "light-dark( [ <image> | none ] , [ <image> | none ] )"
     },
     {
       "name": "contrast-color()",

package/css-color.json CHANGED Viewed

@@ -1197,7 +1197,7 @@
     },
     {
       "name": "<system-color>",
-      "prose": "However, in forced colors mode, most colors on the page are forced into a restricted, user-chosen palette. The <system-color> keywords expose these user-chosen colors so that the rest of the page can integrate with this restricted palette.",
+      "prose": "However, in forced colors mode, most colors on the page are forced into a restricted, user-chosen palette, see CSS Color Adjustment 1 § 5.2 Forced Colors Mode Color Palettes. The <system-color> keywords expose these user-chosen colors so that the rest of the page can integrate with this restricted palette.",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-system-color",
       "type": "type",
       "values": [

package/css-conditional-5.json CHANGED Viewed

@@ -552,6 +552,18 @@
       "type": "type",
       "value": "named-feature( <ident> )"
     },
+    {
+      "name": "<supports-env-fn>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-supports-env-fn",
+      "type": "type",
+      "value": "env( <ident> )"
+    },
+    {
+      "name": "<declaration>",
+      "prose": "<declaration> here matches anything that would be successfully parsed by consume a declaration, ignoring the context-validation check at the end of that algorithm. Notably, this includes a trailing !important, which is valid but ignored for the purpose of @supports.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-declaration",
+      "type": "type"
+    },
     {
       "name": "<boolean-condition>",
       "prose": "Where <boolean-condition> is a boolean algebra a la Media Queries 4 § 3 Syntax, but with media() and supports() functions as leaves.",
@@ -681,13 +693,46 @@
   ],
   "warnings": [
     {
-      "msg": "Missing definition",
-      "name": "<supports-env-fn>",
-      "value": "env( <ident> )"
+      "msg": "Dangling value",
+      "name": "font-tech()",
+      "value": "font-tech( <font-tech> )",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-font-tech",
+      "type": "function",
+      "for": "@supports"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "font-format()",
+      "value": "font-format( <font-format> )",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-font-format",
+      "type": "function",
+      "for": "@supports"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "at-rule()",
+      "value": "at-rule( <at-keyword-token> )",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-at-rule",
+      "type": "function",
+      "for": "@supports"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "named-feature()",
+      "value": "named-feature( <ident> )",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-named-feature",
+      "type": "function",
+      "for": "@supports"
     },
     {
       "msg": "Dangling value",
       "name": "env()",
+      "value": "env( <ident> )",
+      "pureSyntax": false,
       "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-env",
       "type": "function",
       "for": "@supports"

package/css-gaps.json CHANGED Viewed

@@ -537,9 +537,9 @@
     {
       "name": "column-rule-visibility-items",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-visibility-items",
-      "value": "all | around | between",
-      "initial": "all",
-      "appliesTo": "grid containers, and multicol containers",
+      "value": "all | around | between | normal",
+      "initial": "normal",
+      "appliesTo": "grid containers and multicol containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -566,6 +566,13 @@
           "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-visibility-items-between",
           "type": "value",
           "value": "between"
+        },
+        {
+          "name": "normal",
+          "prose": "Behavior depends on the type of container.",
+          "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-visibility-items-normal",
+          "type": "value",
+          "value": "normal"
         }
       ],
       "styleDeclaration": [
@@ -576,9 +583,9 @@
     {
       "name": "row-rule-visibility-items",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-visibility-items",
-      "value": "all | around | between",
-      "initial": "all",
-      "appliesTo": "grid containers, and multicol containers",
+      "value": "all | around | between | normal",
+      "initial": "normal",
+      "appliesTo": "grid containers and multicol containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -605,6 +612,13 @@
           "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-visibility-items-between",
           "type": "value",
           "value": "between"
+        },
+        {
+          "name": "normal",
+          "prose": "Behavior depends on the type of container.",
+          "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-visibility-items-normal",
+          "type": "value",
+          "value": "normal"
         }
       ],
       "styleDeclaration": [

package/css-image-animation.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Image Animation",
+    "title": "CSS Image Animation Module Level 1",
     "url": "https://drafts.csswg.org/css-image-animation-1/"
   },
   "properties": [

package/css-overflow-4.json CHANGED Viewed

@@ -7,7 +7,7 @@
     {
       "name": "overflow-clip-margin-top",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-top",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -24,7 +24,7 @@
     {
       "name": "overflow-clip-margin-right",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-right",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -41,7 +41,7 @@
     {
       "name": "overflow-clip-margin-bottom",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-bottom",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -58,7 +58,7 @@
     {
       "name": "overflow-clip-margin-left",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-left",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -75,7 +75,7 @@
     {
       "name": "overflow-clip-margin-block-start",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-start",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -92,7 +92,7 @@
     {
       "name": "overflow-clip-margin-inline-start",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-start",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -109,7 +109,7 @@
     {
       "name": "overflow-clip-margin-block-end",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-end",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -126,7 +126,7 @@
     {
       "name": "overflow-clip-margin-inline-end",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-end",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -143,7 +143,7 @@
     {
       "name": "overflow-clip-margin",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -160,11 +160,11 @@
           "value": "<visual-box>"
         },
         {
-          "name": "<length [0,∞]>",
-          "prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge Negative values are invalid. Defaults to zero if omitted.",
-          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-overflow-clip-margin-length-0",
+          "name": "<length>",
+          "prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge. Negative values shrink the box, instead. Defaults to zero if omitted.",
+          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-overflow-clip-margin-length",
           "type": "value",
-          "value": "<length [0,∞]>"
+          "value": "<length>"
         }
       ],
       "styleDeclaration": [
@@ -181,7 +181,7 @@
     {
       "name": "overflow-clip-margin-inline",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -201,7 +201,7 @@
     {
       "name": "overflow-clip-margin-block",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",

package/css-overflow.json CHANGED Viewed

@@ -26,7 +26,7 @@
         },
         {
           "name": "hidden",
-          "prose": "This value indicates that the box’s content is clipped to its padding box and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
+          "prose": "This value indicates that the box’s content is clipped to its overflow clip edge and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-hidden",
           "type": "value",
           "value": "hidden"
@@ -40,7 +40,7 @@
         },
         {
           "name": "scroll",
-          "prose": "This value indicates that the content is clipped to the padding box, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
+          "prose": "This value indicates that the content is clipped to the overflow clip edge, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll",
           "type": "value",
           "value": "scroll"
@@ -87,7 +87,7 @@
         },
         {
           "name": "hidden",
-          "prose": "This value indicates that the box’s content is clipped to its padding box and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
+          "prose": "This value indicates that the box’s content is clipped to its overflow clip edge and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-hidden",
           "type": "value",
           "value": "hidden"
@@ -101,7 +101,7 @@
         },
         {
           "name": "scroll",
-          "prose": "This value indicates that the content is clipped to the padding box, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
+          "prose": "This value indicates that the content is clipped to the overflow clip edge, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll",
           "type": "value",
           "value": "scroll"
@@ -199,7 +199,7 @@
         },
         {
           "name": "hidden",
-          "prose": "This value indicates that the box’s content is clipped to its padding box and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
+          "prose": "This value indicates that the box’s content is clipped to its overflow clip edge and that the UA must not provide any scrolling user interface to view the content outside the clipping region, nor allow scrolling by direct intervention of the user, such as dragging on a touch screen or using the scrolling wheel on a mouse. However, the content must still be scrollable programmatically, for example using the mechanisms defined in [CSSOM-VIEW], and the box is therefore still a scroll container.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-hidden",
           "type": "value",
           "value": "hidden"
@@ -213,7 +213,7 @@
         },
         {
           "name": "scroll",
-          "prose": "This value indicates that the content is clipped to the padding box, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
+          "prose": "This value indicates that the content is clipped to the overflow clip edge, but can be scrolled into view (and therefore the box is a scroll container). Furthermore, if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When the target medium is print, overflowing content may be printed; it is not defined where it may be printed.",
           "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll",
           "type": "value",
           "value": "scroll"
@@ -244,7 +244,7 @@
     {
       "name": "overflow-clip-margin",
       "href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow-clip-margin",
-      "value": "<visual-box> || <length [0,∞]>",
+      "value": "<visual-box> || <length>",
       "initial": "0px",
       "appliesTo": "boxes to which overflow applies",
       "inherited": "no",
@@ -261,11 +261,11 @@
           "value": "<visual-box>"
         },
         {
-          "name": "<length [0,∞]>",
-          "prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge Negative values are invalid. Defaults to zero if omitted.",
-          "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip-margin-length-0",
+          "name": "<length>",
+          "prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge. Negative values indicate insets, instead. Defaults to zero if omitted.",
+          "href": "https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip-margin-length",
           "type": "value",
-          "value": "<length [0,∞]>"
+          "value": "<length>"
         }
       ],
       "styleDeclaration": [

package/css-ruby.json CHANGED Viewed

@@ -182,7 +182,7 @@
     {
       "name": "ruby-overhang",
       "href": "https://drafts.csswg.org/css-ruby-1/#propdef-ruby-overhang",
-      "value": "auto | none",
+      "value": "auto | spaces",
       "initial": "auto",
       "appliesTo": "ruby annotation containers",
       "inherited": "yes",
@@ -198,9 +198,16 @@
           "type": "value",
           "value": "auto"
         },
+        {
+          "name": "spaces",
+          "prose": "When a ruby annotation container is longer than its corresponding ruby base container, the ruby annotation container must not overlap adjacent boxes, except over adjacent spaces. For this purpose, spaces are any of the following: preserved white space other space separators half of the advance measure of fullwidth opening punctuation, on the inline-start side of the character half of the advance measure of fullwidth closing punctuation, on the inline-end side of the character one quarter of the advance measure of fullwidth middle dot punctuation, on both the inline-start and inline-end sides of the character",
+          "href": "https://drafts.csswg.org/css-ruby-1/#valdef-ruby-overhang-spaces",
+          "type": "value",
+          "value": "spaces"
+        },
         {
           "name": "none",
-          "prose": "A ruby annotation container is never allowed to extend past the ruby annotation container.",
+          "prose": "Additionally, for compatibility reasons, user agents must support an additional value of none for the ruby-overhang property, as a legacy value alias of spaces.",
           "href": "https://drafts.csswg.org/css-ruby-1/#valdef-ruby-overhang-none",
           "type": "value",
           "value": "none"

package/css-sizing-4.json CHANGED Viewed

@@ -230,7 +230,7 @@
     {
       "name": "contain-intrinsic-width",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-width",
-      "value": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -260,13 +260,6 @@
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "from-element",
-          "prose": "If from-element is specified and the element is a replaced element with an internal layout intrinsic size, its explicit intrinsic inner size in the corresponding axis is that size. Should this apply even when contain:layout isn’t specified? The name needs further discussion.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-from-element",
-          "type": "value",
-          "value": "from-element"
         }
       ],
       "styleDeclaration": [
@@ -277,7 +270,7 @@
     {
       "name": "contain-intrinsic-height",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-height",
-      "value": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -307,13 +300,6 @@
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "from-element",
-          "prose": "If from-element is specified and the element is a replaced element with an internal layout intrinsic size, its explicit intrinsic inner size in the corresponding axis is that size. Should this apply even when contain:layout isn’t specified? The name needs further discussion.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-from-element",
-          "type": "value",
-          "value": "from-element"
         }
       ],
       "styleDeclaration": [
@@ -324,7 +310,7 @@
     {
       "name": "contain-intrinsic-block-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-block-size",
-      "value": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -354,13 +340,6 @@
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "from-element",
-          "prose": "If from-element is specified and the element is a replaced element with an internal layout intrinsic size, its explicit intrinsic inner size in the corresponding axis is that size. Should this apply even when contain:layout isn’t specified? The name needs further discussion.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-from-element",
-          "type": "value",
-          "value": "from-element"
         }
       ],
       "styleDeclaration": [
@@ -371,7 +350,7 @@
     {
       "name": "contain-intrinsic-inline-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-inline-size",
-      "value": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -401,13 +380,6 @@
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "from-element",
-          "prose": "If from-element is specified and the element is a replaced element with an internal layout intrinsic size, its explicit intrinsic inner size in the corresponding axis is that size. Should this apply even when contain:layout isn’t specified? The name needs further discussion.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-from-element",
-          "type": "value",
-          "value": "from-element"
         }
       ],
       "styleDeclaration": [
@@ -418,7 +390,7 @@
     {
       "name": "contain-intrinsic-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-size",
-      "value": "[ [ auto | from-element ]? [ none | <length [0,∞]> ] ]{1,2}",
+      "value": "[ auto? [ none | <length [0,∞]> ] ]{1,2}",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -447,13 +419,6 @@
           "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "from-element",
-          "prose": "If from-element is specified and the element is a replaced element with an internal layout intrinsic size, its explicit intrinsic inner size in the corresponding axis is that size. Should this apply even when contain:layout isn’t specified? The name needs further discussion.",
-          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-from-element",
-          "type": "value",
-          "value": "from-element"
         }
       ],
       "styleDeclaration": [
@@ -465,6 +430,22 @@
         "contain-intrinsic-height"
       ]
     },
+    {
+      "name": "frame-sizing",
+      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-frame-sizing",
+      "value": "auto | content-width | content-height | content-block-size | content-inline-size",
+      "initial": "auto",
+      "appliesTo": "iframe elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "frame-sizing",
+        "frameSizing"
+      ]
+    },
     {
       "name": "min-intrinsic-sizing",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-min-intrinsic-sizing",

package/css-ui.json CHANGED Viewed

@@ -409,7 +409,7 @@
     {
       "name": "caret-color",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-color",
-      "value": "auto | <color>",
+      "value": "auto | <color> [auto | <color>]?",
       "initial": "auto",
       "appliesTo": "text or elements that accept text input",
       "inherited": "yes",

package/fill-stroke.json CHANGED Viewed

@@ -220,7 +220,7 @@
     {
       "name": "stroke-width",
       "href": "https://drafts.csswg.org/fill-stroke-3/#propdef-stroke-width",
-      "value": "[<length-percentage> | <number>]#",
+      "value": "[ <length-percentage> | <line-width> | <number> ]#",
       "initial": "1px",
       "appliesTo": "text and SVG shapes",
       "inherited": "yes",

package/package.json CHANGED Viewed

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

package/selectors.json CHANGED Viewed

@@ -44,7 +44,7 @@
     },
     {
       "name": ":lang()",
-      "prose": "If the document language specifies how the (human) content language of an element is determined, it is possible to write selectors that represent an element based on its content language. The :lang() pseudo-class, which accepts a comma-separated list of one or more language ranges, represents an element whose content language is one of the languages listed in its argument. Each language range in :lang() must be a valid CSS <ident> or <string>. (Thus language ranges containing asterisks, for example, must be either correctly escaped or quoted as strings, e.g. :lang(\\*-Latn) or :lang(\"*-Latn\").)",
+      "prose": "If the document language specifies how the (human) content language of an element is determined, it is possible to write selectors that represent an element based on its content language. The :lang() pseudo-class, which accepts a comma-separated list of one or more language ranges, represents an element whose content language is one of the languages listed in its argument. Each language range in :lang() is an extended language range, as defined in BCP 47, and must be a valid CSS <ident> or <string>. (Thus language ranges containing asterisks, for example, must be either correctly escaped or quoted as strings, e.g. :lang(\\*-Latn) or :lang(\"*-Latn\").)",
       "href": "https://drafts.csswg.org/selectors-4/#lang-pseudo"
     },
     {