@webref/css 6.25.14 → 6.25.16

package/animation-triggers.json

@@ -62,12 +62,12 @@
     {
       "name": "timeline-trigger-source",
       "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source",
-      "value": "<single-animation-timeline>#",
+      "value": "[ none | auto | [ <dashed-ident> | <scroll()> | <view()> ]+ ]#",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
@@ -331,7 +331,7 @@
         },
         {
           "name": "[ <dashed-ident> <animation-action>+ ]+",
-          "prose": "The corresponding animation is a triggered animation, responding to the triggers named by each <dashed-ident>, and responding by taking the action named by the corresponding <animation-action>. (See § 2.1 Trigger Name Scoping: the trigger-scope property for how <dashed-ident>s are resolved to triggers.) How many <animation-action>s a trigger accepts, and what exactly activates them, is determined by the type of the trigger. (Event triggers take one and possibly an optional second, depending on whether they’re stateless or stateful; timeline triggers take one and optionally a second.) Specifying the wrong number of actions (too many or too few) is valid syntactically, but causes the trigger to have no effect. If multiple triggers occur simultaneously, they take effect in the order specified. If the same <dashed-ident> is specified multiple times, all but the last have no effect.",
+          "prose": "The corresponding animation is a triggered animation, responding to the triggers named by each <dashed-ident>, and responding by taking the action named by the corresponding <animation-action>. (See § 2.3 Trigger Name Scoping: the trigger-scope property for how <dashed-ident>s are resolved to triggers.) How many <animation-action>s a trigger accepts, and what exactly activates them, is determined by the type of the trigger. (Event triggers take one and possibly an optional second, depending on whether they’re stateless or stateful; timeline triggers take one and optionally a second.) Specifying the wrong number of actions (too many or too few) is valid syntactically, but causes the trigger to have no effect. If multiple triggers occur simultaneously, they take effect in the order specified. If the same <dashed-ident> is specified multiple times, all but the last have no effect.",
           "href": "https://drafts.csswg.org/animation-triggers-1/#valdef-animation-trigger--dashed-ident-animation-action",
           "type": "value",
           "value": "[ <dashed-ident> <animation-action>+ ]+"

package/css-align.json

@@ -466,7 +466,7 @@
       "values": [
         {
           "name": "safe",
-          "prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were flex-start.",
+          "prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were flex-start. However for absolutely positioned boxes, see § 4.4.1.2 Self-Alignment for Absolutely Positioned Boxes.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-safe",
           "type": "value",
           "value": "safe"

package/css-anchor-position.json

@@ -224,6 +224,22 @@
         "alignSelf"
       ]
     },
+    {
+      "name": "block-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "block-size",
+        "blockSize"
+      ]
+    },
+    {
+      "name": "inline-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "inline-size",
+        "inlineSize"
+      ]
+    },
     {
       "name": "width",
       "newValues": "<anchor-size()>",
@@ -238,6 +254,22 @@
         "height"
       ]
     },
+    {
+      "name": "min-block-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "min-block-size",
+        "minBlockSize"
+      ]
+    },
+    {
+      "name": "min-inline-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "min-inline-size",
+        "minInlineSize"
+      ]
+    },
     {
       "name": "min-width",
       "newValues": "<anchor-size()>",
@@ -254,6 +286,22 @@
         "minHeight"
       ]
     },
+    {
+      "name": "max-block-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "max-block-size",
+        "maxBlockSize"
+      ]
+    },
+    {
+      "name": "max-inline-size",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "max-inline-size",
+        "maxInlineSize"
+      ]
+    },
     {
       "name": "max-width",
       "newValues": "<anchor-size()>",

package/css-color-hdr.json

@@ -49,7 +49,7 @@
   "values": [
     {
       "name": "dynamic-range-limit-mix()",
-      "value": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )",
+      "value": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]# )",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-dynamic-range-limit-mix",
       "type": "function"
     },

package/css-content.json

@@ -41,7 +41,7 @@
           "prose": "Replaces the element’s contents with one or more anonymous inline boxes corresponding to the specified values, in the order specified. Its normal contents are suppressed and do not generate boxes, as if they were display: none. Each value contributes an inline box to the element’s contents. For <image>, this is an inline anonymous replaced element; for the others, it’s an anonymous inline run of text. If an <image> represents an invalid image, the user agent must do one of the following: \"Skip\" the <image>, generating nothing for it. Display some indication that the image can’t be displayed in place of the <image>, such as a \"broken image\" icon. This specification intentionally does not define which behavior a user agent must use, but it must use one or the other consistently.",
           "href": "https://drafts.csswg.org/css-content-3/#typedef-content-content-list",
           "type": "type",
-          "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
+          "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <symbolic-counter-style> ]+",
           "values": [
             {
               "name": "<string>",
@@ -202,7 +202,7 @@
           "prose": "<content-list> is defined above, in the section on the string-set property. The value of <content-list> becomes the text content of the bookmark label.",
           "href": "https://drafts.csswg.org/css-content-3/#valdef-bookmark-label-content-list",
           "type": "value",
-          "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
+          "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <symbolic-counter-style> ]+",
           "values": [
             {
               "name": "<string>",
@@ -461,6 +461,12 @@
           "value": "marker"
         }
       ]
+    },
+    {
+      "name": "<symbolic-counter-style>",
+      "href": "https://drafts.csswg.org/css-content-3/#typedef-symbolic-counter-style",
+      "type": "type",
+      "value": "disc | circle | square | disclosure-open | disclosure-closed"
     }
   ]
 }

package/css-fonts.json

@@ -1894,7 +1894,7 @@
       "prose": "With the palette-mix() function defined as follows:",
       "href": "https://drafts.csswg.org/css-fonts-4/#funcdef-palette-mix",
       "type": "function",
-      "value": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
+      "value": "palette-mix( <color-interpolation-method>? , [ <'font-palette'> && <percentage [0,100]>? ]# )"
     }
   ],
   "warnings": [

package/css-gaps.json

@@ -9,7 +9,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-gap",
       "value": "normal | <length-percentage [0,∞]> | <line-width>",
       "initial": "normal",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "see § 2.3 Percentages In gap Properties",
       "computedValue": "specified keyword, else a computed <length-percentage> value",
@@ -34,7 +34,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-gap",
       "value": "normal | <length-percentage [0,∞]> | <line-width>",
       "initial": "normal",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "see § 2.3 Percentages In gap Properties",
       "computedValue": "specified keyword, else a computed <length-percentage> value",
@@ -59,7 +59,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-gap",
       "value": "<'row-gap'> <'column-gap'>?",
       "initial": "see individual properties",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "refer to corresponding dimension of the content area",
       "computedValue": "see individual properties",

package/css-link-params.json

@@ -26,10 +26,39 @@
   "values": [
     {
       "name": "param()",
-      "prose": "The param() function specifies a link parameter, with a key of the <dashed-ident>, and a value of the <declaration-value>?. (If the <declaration-value> is omitted, it represents an empty value.) It has the syntax:",
+      "prose": "All three methods of setting link parameters share the same syntax for defining a parameter, using the param() function:",
       "href": "https://drafts.csswg.org/css-link-params-1/#funcdef-param",
       "type": "function",
-      "value": "param( <dashed-ident> , <declaration-value>? )"
+      "value": "param( <param-spec> , <declaration-value>? )"
+    },
+    {
+      "name": "<param-spec>",
+      "href": "https://drafts.csswg.org/css-link-params-1/#typedef-param-spec",
+      "type": "type",
+      "value": "color | accent-color | [ <dashed-ident> <css-type>? ]",
+      "values": [
+        {
+          "name": "color",
+          "prose": "Name: color Type: <color> Value: The second argument, if specified. Otherwise, the value of color on the element.",
+          "href": "https://drafts.csswg.org/css-link-params-1/#valdef-param-color",
+          "type": "value",
+          "value": "color"
+        },
+        {
+          "name": "accent-color",
+          "prose": "Name: accent-color Type: <color> Value: The second argument, if specified. Otherwise, the value of accent-color on the element.",
+          "href": "https://drafts.csswg.org/css-link-params-1/#valdef-param-accent-color",
+          "type": "value",
+          "value": "accent-color"
+        },
+        {
+          "name": "<dashed-ident>",
+          "prose": "Name: the <dashed-ident> Type: the <css-type>, if specified. Value: The second argument, if specified. Otherwise, the value of the custom property with the specified name on the element.",
+          "href": "https://drafts.csswg.org/css-link-params-1/#valdef-param-dashed-ident",
+          "type": "value",
+          "value": "<dashed-ident>"
+        }
+      ]
     }
   ]
 }

package/css-logical.json

@@ -4,108 +4,6 @@
     "url": "https://drafts.csswg.org/css-logical-1/"
   },
   "properties": [
-    {
-      "name": "block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-block-size",
-      "value": "<'width'>",
-      "initial": "auto",
-      "appliesTo": "Same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "size",
-      "styleDeclaration": [
-        "block-size",
-        "blockSize"
-      ]
-    },
-    {
-      "name": "inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-inline-size",
-      "value": "<'width'>",
-      "initial": "auto",
-      "appliesTo": "Same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "size",
-      "styleDeclaration": [
-        "inline-size",
-        "inlineSize"
-      ]
-    },
-    {
-      "name": "min-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-block-size",
-      "value": "<'min-width'>",
-      "initial": "0",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "min-size",
-      "styleDeclaration": [
-        "min-block-size",
-        "minBlockSize"
-      ]
-    },
-    {
-      "name": "min-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-inline-size",
-      "value": "<'min-width'>",
-      "initial": "0",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "min-size",
-      "styleDeclaration": [
-        "min-inline-size",
-        "minInlineSize"
-      ]
-    },
-    {
-      "name": "max-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-block-size",
-      "value": "<'max-width'>",
-      "initial": "none",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "max-size",
-      "styleDeclaration": [
-        "max-block-size",
-        "maxBlockSize"
-      ]
-    },
-    {
-      "name": "max-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-inline-size",
-      "value": "<'max-width'>",
-      "initial": "none",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "max-size",
-      "styleDeclaration": [
-        "max-inline-size",
-        "maxInlineSize"
-      ]
-    },
     {
       "name": "margin-block-start",
       "href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block-start",

package/css-multicol.json

@@ -4,38 +4,6 @@
     "url": "https://drafts.csswg.org/css-multicol-2/"
   },
   "properties": [
-    {
-      "name": "column-width",
-      "href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-width",
-      "value": "auto | <length [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "block containers except table wrapper boxes",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "the keyword auto or an absolute length",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "means that the column width will be determined by other properties (e.g., column-count, if it has a non-auto value).",
-          "href": "https://drafts.csswg.org/css-multicol-2/#valdef-column-width-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length [0,∞]>",
-          "prose": "describes the optimal column width. The actual column width may be wider (to fill the available space), or narrower (only if the available space is smaller than the specified column width). Negative values are not allowed. Used values will be clamped to a minimum of 1px.",
-          "href": "https://drafts.csswg.org/css-multicol-2/#valdef-column-width-length-0",
-          "type": "value",
-          "value": "<length [0,∞]>"
-        }
-      ],
-      "styleDeclaration": [
-        "column-width",
-        "columnWidth"
-      ]
-    },
     {
       "name": "column-height",
       "href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-height",

package/css-scroll-snap.json

@@ -7,7 +7,7 @@
     {
       "name": "scroll-snap-type",
       "href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-type",
-      "value": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
+      "value": "none | [ x | y | block | inline | both | pair ] [ mandatory | proximity ]?",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -51,6 +51,13 @@
           "type": "value",
           "value": "both"
         },
+        {
+          "name": "pair",
+          "prose": "The scroll container snaps to snap positions in both of its axes together as a single 2D point belonging to a single snap area. A snap area is only eligible as a snap position in a scroll container with pair if it specifies an alignment in both axes (i.e. neither its block nor inline alignment in scroll-snap-align computes to none). Snap areas that specify alignment in only a single axis are ignored.",
+          "href": "https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-snap-type-pair",
+          "type": "value",
+          "value": "pair"
+        },
         {
           "name": "none",
           "prose": "If specified on a scroll container, the scroll container must not snap.",