@webref/css 6.9.0 → 6.9.2

package/css-lists.json

@@ -266,13 +266,9 @@
       "type": "type",
       "value": "reversed( <counter-name> )"
     },
-    {
-      "name": "<counter>",
-      "type": "type",
-      "value": "<counter()> | <counters()>"
-    },
     {
       "name": "counter()",
+      "prose": "Counters have no visible effect by themselves, but their values can be used with the counter() and counters() functions, whose used values represent counter values as strings or images. They are defined as follows:",
       "type": "function",
       "value": "counter( <counter-name>, <counter-style>? )",
       "values": [
@@ -286,6 +282,7 @@
     },
     {
       "name": "counters()",
+      "prose": "Counters have no visible effect by themselves, but their values can be used with the counter() and counters() functions, whose used values represent counter values as strings or images. They are defined as follows:",
       "type": "function",
       "value": "counters( <counter-name>, <string>, <counter-style>? )",
       "values": [
@@ -296,6 +293,11 @@
           "value": "list-item"
         }
       ]
+    },
+    {
+      "name": "<counter>",
+      "type": "type",
+      "value": "<counter()> | <counters()>"
     }
   ]
 }

package/css-page-floats.json

@@ -139,7 +139,7 @@
     },
     {
       "name": "clear",
-      "value": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | none",
+      "value": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
       "initial": "none",
       "appliesTo": "block-level elements, floats, regions, pages",
       "inherited": "no",

package/css-position.json

@@ -336,7 +336,7 @@
     },
     {
       "name": "inset-block",
-      "value": "<top>{1,2}",
+      "value": "<'top'>{1,2}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",
@@ -371,7 +371,7 @@
     },
     {
       "name": "inset-inline",
-      "value": "<top>{1,2}",
+      "value": "<'top'>{1,2}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",
@@ -406,7 +406,7 @@
     },
     {
       "name": "inset",
-      "value": "<top>{1,4}",
+      "value": "<'top'>{1,4}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",

package/css-shapes-2.json

@@ -53,14 +53,22 @@
     },
     {
       "name": "shape-padding",
-      "value": "<length>",
-      "initial": "none",
+      "value": "<length-percentage [0,∞]>",
+      "initial": "0",
       "appliesTo": "block-level elements",
       "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "the absolute length",
+      "percentages": "refer to the inline size of the containing block",
+      "computedValue": "computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Sets the padding of the shape to the specified value.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        }
+      ],
       "styleDeclaration": [
         "shape-padding",
         "shapePadding"

package/css-shapes.json

@@ -151,7 +151,7 @@
     {
       "name": "<shape-box>",
       "type": "type",
-      "value": "<box> | margin-box",
+      "value": "<visual-box> | margin-box",
       "values": [
         {
           "name": "margin-box",

package/css-speech.json

@@ -647,7 +647,7 @@
     },
     {
       "name": "voice-pitch",
-      "value": "<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "value": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
       "initial": "medium",
       "appliesTo": "all elements",
       "inherited": "yes",
@@ -721,7 +721,7 @@
     },
     {
       "name": "voice-range",
-      "value": "<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "value": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
       "initial": "medium",
       "appliesTo": "all elements",
       "inherited": "yes",

package/css-text-4.json

@@ -1160,7 +1160,7 @@
         },
         {
           "name": "space-first",
-          "prose": "Set fullwidth opening punctuation with full-width glyphs (spaced) on the first line the block container. Otherwise as trim-auto (unless allow-end is also specified).",
+          "prose": "Set fullwidth opening punctuation with full-width glyphs (spaced) on the first line the block container and each line after a forced line break. Otherwise as trim-auto (unless allow-end is also specified).",
           "type": "value",
           "value": "space-first"
         },

package/css-ui.json

@@ -113,7 +113,7 @@
       "values": [
         {
           "name": "<url-set>",
-          "prose": "<url-set> is a limited version of image-set(), where only <url> and <url-set> can be used in the part of the <image-set-option> sub-production which would normally allow <image>.",
+          "prose": "<url-set> is a limited version of image-set(), where the <image> sub-production is restricted to <url> only.",
           "type": "type"
         },
         {

package/css-values-5.json

@@ -212,6 +212,11 @@
       "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
       "type": "function"
     },
+    {
+      "name": "<toggle()>",
+      "type": "type",
+      "value": "toggle( <whole-value> [ ';' <whole-value> ]+ )"
+    },
     {
       "name": "attr()",
       "prose": "The attr() function substitutes the value of an attribute on an element into a property, similar to how the var() function substitutes a custom property value into a function.",
@@ -311,7 +316,7 @@
       "name": "random()",
       "prose": "The random() function is a math function that represents a random value between a minimum and maximum value, drawn from a uniform distribution, optionally limiting the possible values to a step between those limits:",
       "type": "function",
-      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? );"
+      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? )"
     },
     {
       "name": "<random-caching-options>",
@@ -322,7 +327,7 @@
       "name": "random-item()",
       "prose": "The random-item() function resolves to a random item from among its list of items.",
       "type": "function",
-      "value": "random-item( <random-caching-options> ';' <any-value> [ ';' <any-value> ]* )"
+      "value": "random-item( <random-caching-options> ';' <declaration-value>? [ ';' <declaration-value>? ]* )"
     },
     {
       "name": "sibling-count()",

package/css-values.json

@@ -179,97 +179,97 @@
         },
         {
           "name": "vw",
-          "prose": "Equal to 1% of the width of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
+          "prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
           "type": "value",
           "value": "vw"
         },
         {
           "name": "svw",
-          "prose": "Equal to 1% of the width of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
+          "prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
           "type": "value",
           "value": "svw"
         },
         {
           "name": "lvw",
-          "prose": "Equal to 1% of the width of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
+          "prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
           "type": "value",
           "value": "lvw"
         },
         {
           "name": "dvw",
-          "prose": "Equal to 1% of the width of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
+          "prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
           "type": "value",
           "value": "dvw"
         },
         {
           "name": "vh",
-          "prose": "Equal to 1% of the height of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
+          "prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
           "type": "value",
           "value": "vh"
         },
         {
           "name": "svh",
-          "prose": "Equal to 1% of the height of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
+          "prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
           "type": "value",
           "value": "svh"
         },
         {
           "name": "lvh",
-          "prose": "Equal to 1% of the height of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
+          "prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
           "type": "value",
           "value": "lvh"
         },
         {
           "name": "dvh",
-          "prose": "Equal to 1% of the height of the UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
+          "prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
           "type": "value",
           "value": "dvh"
         },
         {
           "name": "vi",
-          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
+          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
           "type": "value",
           "value": "vi"
         },
         {
           "name": "svi",
-          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
+          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
           "type": "value",
           "value": "svi"
         },
         {
           "name": "lvi",
-          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
+          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
           "type": "value",
           "value": "lvi"
         },
         {
           "name": "dvi",
-          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
+          "prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
           "type": "value",
           "value": "dvi"
         },
         {
           "name": "vb",
-          "prose": "Equal to 1% of the size of the initial containing block UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
+          "prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
           "type": "value",
           "value": "vb"
         },
         {
           "name": "svb",
-          "prose": "Equal to 1% of the size of the initial containing block UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
+          "prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
           "type": "value",
           "value": "svb"
         },
         {
           "name": "lvb",
-          "prose": "Equal to 1% of the size of the initial containing block UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
+          "prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
           "type": "value",
           "value": "lvb"
         },
         {
           "name": "dvb",
-          "prose": "Equal to 1% of the size of the initial containing block UA-default viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
+          "prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
           "type": "value",
           "value": "dvb"
         },
@@ -462,7 +462,7 @@
       "name": "<position>",
       "prose": "The <position> value specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area). It is interpreted as specified for background-position. [CSS3-BACKGROUND]",
       "type": "type",
-      "value": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+      "value": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
     },
     {
       "name": "calc()",

package/css-view-transitions-2.json

@@ -31,8 +31,8 @@
         {
           "name": "type",
           "for": "@view-transition",
-          "value": "<custom-ident>*",
-          "initial": "an empty list"
+          "value": "none | <custom-ident>*",
+          "initial": "none"
         }
       ],
       "value": "@view-transition { <declaration-rule-list> }"

package/package.json

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

package/selectors.json

@@ -374,7 +374,7 @@
     {
       "name": "<combinator>",
       "type": "type",
-      "value": "'>' | '+' | '~' | [ '|' '|' ]"
+      "value": "'>' | '+' | '~'"
     },
     {
       "name": "<wq-name>",