@webref/css 8.0.1 → 8.1.0

package/css.json

@@ -873,6 +873,14 @@
       "syntax": "@namespace <namespace-prefix>? [ <string> | <url> ] ;",
       "extended": []
     },
+    {
+      "name": "@navigation",
+      "prose": "The @navigation rule is a conditional group rule whose condition tests characteristics of the current URL or of the state of navigation between two URLs. These queries are called navigation queries.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#at-ruledef-navigation",
+      "descriptors": [],
+      "syntax": "@navigation <navigation-condition> { <rule-list> }",
+      "extended": []
+    },
     {
       "descriptors": [],
       "name": "@ornaments",
@@ -982,6 +990,14 @@
       "syntax": "@right-top { <declaration-list> };",
       "extended": []
     },
+    {
+      "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 :link-to() pseudo-classes.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#at-ruledef-route",
+      "descriptors": [],
+      "syntax": "@route <dashed-ident> { [ <pattern-descriptors> | <init-descriptors> ] }",
+      "extended": []
+    },
     {
       "name": "@scope",
       "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.",
@@ -2101,7 +2117,7 @@
     {
       "name": "superellipse()",
       "href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
-      "syntax": "superellipse(<number [-∞,∞]> | infinity | -infinity)",
+      "syntax": "superellipse(<number> | infinity | -infinity)",
       "extended": []
     },
     {
@@ -2227,6 +2243,13 @@
       "syntax": "type( <string> )",
       "extended": []
     },
+    {
+      "name": "url-pattern()",
+      "prose": "The url-pattern() function represents a URL pattern, which can be used to match URLs.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#funcdef-url-pattern",
+      "syntax": "url-pattern( <string> )",
+      "extended": []
+    },
     {
       "name": "url()",
       "prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.",
@@ -2289,7 +2312,7 @@
         "webkitAlignItems"
       ],
       "extended": [],
-      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center | dialog"
+      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
     },
     {
       "name": "-webkit-align-self",
@@ -2301,7 +2324,7 @@
         "webkitAlignSelf"
       ],
       "extended": [],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center | dialog"
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
     },
     {
       "name": "-webkit-animation",
@@ -2481,7 +2504,7 @@
         "webkitBorderBottomLeftRadius"
       ],
       "extended": [],
-      "syntax": "<length-percentage [0,∞]>{1,2}"
+      "syntax": "<border-radius>"
     },
     {
       "name": "-webkit-border-bottom-right-radius",
@@ -2493,7 +2516,7 @@
         "webkitBorderBottomRightRadius"
       ],
       "extended": [],
-      "syntax": "<length-percentage [0,∞]>{1,2}"
+      "syntax": "<border-radius>"
     },
     {
       "name": "-webkit-border-radius",
@@ -2517,7 +2540,7 @@
         "webkitBorderTopLeftRadius"
       ],
       "extended": [],
-      "syntax": "<length-percentage [0,∞]>{1,2}"
+      "syntax": "<border-radius>"
     },
     {
       "name": "-webkit-border-top-right-radius",
@@ -2529,7 +2552,7 @@
         "webkitBorderTopRightRadius"
       ],
       "extended": [],
-      "syntax": "<length-percentage [0,∞]>{1,2}"
+      "syntax": "<border-radius>"
     },
     {
       "name": "-webkit-box-align",
@@ -3177,7 +3200,7 @@
         "align-items",
         "alignItems"
       ],
-      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center | dialog",
+      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -3196,7 +3219,7 @@
         "align-self",
         "alignSelf"
       ],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center | dialog",
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -3231,7 +3254,7 @@
       "styleDeclaration": [
         "all"
       ],
-      "syntax": "initial | inherit | unset | revert | revert-layer",
+      "syntax": "initial | inherit | unset | revert | revert-layer | revert-rule",
       "extended": []
     },
     {
@@ -4178,6 +4201,23 @@
       "syntax": "<'border-block-start'>",
       "extended": []
     },
+    {
+      "name": "border-block-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-clip",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "border-block-clip",
+        "borderBlockClip"
+      ],
+      "syntax": "<'border-top-clip'>",
+      "extended": []
+    },
     {
       "name": "border-block-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-color",
@@ -4215,18 +4255,19 @@
     {
       "name": "border-block-end-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-block-end-clip",
         "borderBlockEndClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4320,18 +4361,19 @@
     {
       "name": "border-block-start-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-block-start-clip",
         "borderBlockStartClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4459,18 +4501,19 @@
     {
       "name": "border-bottom-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-bottom-clip",
         "borderBottomClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4506,7 +4549,7 @@
         "border-bottom-left-radius",
         "borderBottomLeftRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -4541,7 +4584,7 @@
         "border-bottom-right-radius",
         "borderBottomRightRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -4600,18 +4643,18 @@
     {
       "name": "border-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
       "styleDeclaration": [
         "border-clip",
         "borderClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "<'border-top-clip'>",
       "extended": []
     },
     {
@@ -4663,7 +4706,7 @@
         "border-end-end-radius",
         "borderEndEndRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -4681,7 +4724,7 @@
         "border-end-start-radius",
         "borderEndStartRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -4803,6 +4846,23 @@
       "syntax": "<'border-block-start'>",
       "extended": []
     },
+    {
+      "name": "border-inline-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-clip",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "border-inline-clip",
+        "borderInlineClip"
+      ],
+      "syntax": "<'border-top-clip'>",
+      "extended": []
+    },
     {
       "name": "border-inline-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-color",
@@ -4840,18 +4900,19 @@
     {
       "name": "border-inline-end-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-inline-end-clip",
         "borderInlineEndClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4945,18 +5006,19 @@
     {
       "name": "border-inline-start-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-inline-start-clip",
         "borderInlineStartClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5084,18 +5146,19 @@
     {
       "name": "border-left-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-left-clip",
         "borderLeftClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5223,18 +5286,19 @@
     {
       "name": "border-right-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-right-clip",
         "borderRightClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5357,7 +5421,7 @@
         "border-start-end-radius",
         "borderStartEndRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -5375,7 +5439,7 @@
         "border-start-start-radius",
         "borderStartStartRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -5415,18 +5479,19 @@
     {
       "name": "border-top-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-top-clip",
         "borderTopClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5462,7 +5527,7 @@
         "border-top-left-radius",
         "borderTopLeftRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -5497,7 +5562,7 @@
         "border-top-right-radius",
         "borderTopRightRadius"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "syntax": "<border-radius>",
       "extended": []
     },
     {
@@ -5654,7 +5719,7 @@
         "box-shadow-offset",
         "boxShadowOffset"
       ],
-      "syntax": "[ none | <length>{2} ]#",
+      "syntax": "[ none | <length>{1,2} ]#",
       "extended": []
     },
     {
@@ -6174,7 +6239,7 @@
       "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
+      "computedValue": "list of absolute lengths, snapped as a border width",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
@@ -6286,7 +6351,7 @@
         "contain-intrinsic-block-size",
         "containIntrinsicBlockSize"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6304,7 +6369,7 @@
         "contain-intrinsic-height",
         "containIntrinsicHeight"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6322,7 +6387,7 @@
         "contain-intrinsic-inline-size",
         "containIntrinsicInlineSize"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6339,7 +6404,7 @@
         "contain-intrinsic-size",
         "containIntrinsicSize"
       ],
-      "syntax": "[ auto? [ none | <length> ] ]{1,2}",
+      "syntax": "[ [ auto | from-element ]? [ none | <length [0,∞]> ] ]{1,2}",
       "extended": []
     },
     {
@@ -6357,7 +6422,7 @@
         "contain-intrinsic-width",
         "containIntrinsicWidth"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -9322,7 +9387,7 @@
         "justify-items",
         "justifyItems"
       ],
-      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center | dialog",
+      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -9341,7 +9406,7 @@
         "justify-self",
         "justifySelf"
       ],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center | dialog",
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -10855,7 +10920,7 @@
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length, snapped as a border width; 0 if the outline style is none.",
+      "computedValue": "absolute length, snapped as a border width",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
       "styleDeclaration": [
@@ -12196,7 +12261,7 @@
       "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
+      "computedValue": "list of absolute lengths, snapped as a border width",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
@@ -13898,6 +13963,23 @@
       "syntax": "<color>",
       "extended": []
     },
+    {
+      "name": "text-decoration-inset",
+      "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-inset",
+      "initial": "0",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "specified keyword or absolute length",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "text-decoration-inset",
+        "textDecorationInset"
+      ],
+      "syntax": "<length>{1,2} | auto",
+      "extended": []
+    },
     {
       "name": "text-decoration-line",
       "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-line",
@@ -14034,23 +14116,6 @@
       "syntax": "auto | from-font | <length-percentage>",
       "extended": []
     },
-    {
-      "name": "text-decoration-trim",
-      "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-trim",
-      "initial": "0",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "specified keyword or absolute length",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
-      "styleDeclaration": [
-        "text-decoration-trim",
-        "textDecorationTrim"
-      ],
-      "syntax": "<length>{1,2} | auto",
-      "extended": []
-    },
     {
       "name": "text-emphasis",
       "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis",
@@ -16130,6 +16195,12 @@
       "syntax": ":link",
       "extended": []
     },
+    {
+      "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",
+      "extended": []
+    },
     {
       "name": ":local-link",
       "prose": "The :local-link pseudo-class allows authors to style hyperlinks based on the users current location within a site and to differentiate site-internal versus site-external links.",
@@ -16669,6 +16740,35 @@
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-any-value",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "arc-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-command",
+      "syntax": "arc <command-end-point> [ [ of <length-percentage>{1,2} ] && <arc-sweep>? && <arc-size>? && [rotate <angle>]? ]",
+      "extended": []
+    },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "arc-size",
+      "prose": "<arc-size> can be large or small, indicating that the larger or smaller, respectively, of the two possible arcs must be chosen. If omitted, this defaults to small.",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-size",
+      "syntax": "large | small",
+      "extended": []
+    },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "arc-sweep",
+      "prose": "<arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw.",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-arc-sweep",
+      "syntax": "cw | ccw",
+      "extended": []
+    },
     {
       "name": "at-keyword-token",
       "prose": "The output of tokenization step is a stream of zero or more of the following tokens: <ident-token>, <function-token>, <at-keyword-token>, <hash-token>, <string-token>, <bad-string-token>, <url-token>, <bad-url-token>, <delim-token>, <number-token>, <percentage-token>, <dimension-token>, <unicode-range-token>, <whitespace-token>, <CDO-token>, <CDC-token>, <colon-token>, <semicolon-token>, <comma-token>, <[-token>, <]-token>, <(-token>, <)-token>, <{-token>, and <}-token>.",
@@ -16875,6 +16975,12 @@
       "syntax": "not <boolean-expr-group> | <boolean-expr-group> [ [ and <boolean-expr-group> ]* | [ or <boolean-expr-group> ]* ]",
       "extended": []
     },
+    {
+      "name": "border-radius",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-border-radius",
+      "syntax": "<slash-separated-border-radius-syntax> | <legacy-border-radius-syntax>",
+      "extended": []
+    },
     {
       "name": "border-style",
       "prose": "The border style properties specify the line style of a box’s border (solid, double, dashed, etc.). The properties defined in this section refer to the <border-style> value type, which may take one of the following values:",
@@ -17057,6 +17163,15 @@
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-comma-token",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "command-end-point",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-command-end-point",
+      "syntax": "[ to <position> | by <coordinate-pair> ]",
+      "extended": []
+    },
     {
       "name": "common-lig-values",
       "href": "https://drafts.csswg.org/css-fonts-4/#common-lig-values",
@@ -17208,12 +17323,30 @@
       "syntax": "[ contextual | no-contextual ]",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "control-point",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-control-point",
+      "syntax": "[ <position> | <relative-control-point> ]",
+      "extended": []
+    },
     {
       "name": "coord-box",
       "href": "https://drafts.csswg.org/css-box-4/#typedef-coord-box",
       "syntax": "<paint-box> | view-box",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "coordinate-pair",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-coordinate-pair",
+      "syntax": "<length-percentage>{2}",
+      "extended": []
+    },
     {
       "name": "corner-shape-value",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-corner-shape-value",
@@ -17280,10 +17413,19 @@
       "syntax": "auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "curve-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-curve-command",
+      "syntax": "curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
+      "extended": []
+    },
     {
       "name": "custom-arg",
       "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-arg",
-      "syntax": "$ <ident-token> ;",
+      "syntax": "'$' <ident-token>",
       "extended": []
     },
     {
@@ -17313,7 +17455,7 @@
     {
       "name": "custom-selector",
       "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-selector",
-      "syntax": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+      "syntax": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]?",
       "extended": []
     },
     {
@@ -17745,6 +17887,15 @@
       "syntax": "[ historical-ligatures | no-historical-ligatures ]",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "horizontal-line-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-horizontal-line-command",
+      "syntax": "hline [ to [ <length-percentage> | left | center | right | x-start | x-end ] | by <length-percentage> ]",
+      "extended": []
+    },
     {
       "name": "hue",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-hue",
@@ -17871,6 +18022,24 @@
       "syntax": "inherit( <declaration-value>, <declaration-value>? )",
       "extended": []
     },
+    {
+      "name": "init-descriptor",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptor",
+      "syntax": "<init-descriptor-name> : <string>",
+      "extended": []
+    },
+    {
+      "name": "init-descriptor-name",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptor-name",
+      "syntax": "protocol | username | password | hostname | port pathname | search | hash | baseURL",
+      "extended": []
+    },
+    {
+      "name": "init-descriptors",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptors",
+      "syntax": ";* <init-descriptor> [ ;+ <init-descriptor> ]* ;*",
+      "extended": []
+    },
     {
       "for": [
         "calc-interpolate()",
@@ -17950,6 +18119,12 @@
       "href": "https://drafts.csswg.org/css2/#value-def-left",
       "extended": []
     },
+    {
+      "name": "legacy-border-radius-syntax",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-legacy-border-radius-syntax",
+      "syntax": "<length-percentage [0,∞]>{1,2}",
+      "extended": []
+    },
     {
       "name": "legacy-device-cmyk-syntax",
       "href": "https://drafts.csswg.org/css-color-5/#typedef-legacy-device-cmyk-syntax",
@@ -18016,6 +18191,15 @@
       "syntax": "[ <color> | <repeat-line-color> ]",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "line-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-line-command",
+      "syntax": "line <command-end-point>",
+      "extended": []
+    },
     {
       "name": "line-name-list",
       "href": "https://drafts.csswg.org/css-grid-2/#typedef-line-name-list",
@@ -18088,6 +18272,18 @@
       "syntax": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
       "extended": []
     },
+    {
+      "name": "link-condition",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-link-condition",
+      "syntax": "<link-condition-base> [ with <navigation-param-expression> ]?",
+      "extended": []
+    },
+    {
+      "name": "link-condition-base",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-link-condition-base",
+      "syntax": "<navigation-location>",
+      "extended": []
+    },
     {
       "name": "margin-width",
       "prose": "The properties defined in this section refer to the <margin-width> value type, which may take one of the following values:",
@@ -18268,6 +18464,15 @@
       "syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "move-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-move-command",
+      "syntax": "move <command-end-point>",
+      "extended": []
+    },
     {
       "name": "mq-boolean",
       "href": "https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean",
@@ -18297,6 +18502,72 @@
       "syntax": "<ident>",
       "extended": []
     },
+    {
+      "name": "navigation-condition",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-condition",
+      "syntax": "not <navigation-in-parens> | <navigation-in-parens> [ and <navigation-in-parens> ]* | <navigation-in-parens> [ or <navigation-in-parens> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-in-parens",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-in-parens",
+      "syntax": "( <navigation-condition> ) | ( <navigation-test> ) | <general-enclosed>",
+      "extended": []
+    },
+    {
+      "name": "navigation-keyword",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-keyword",
+      "syntax": "at | from | to",
+      "extended": []
+    },
+    {
+      "name": "navigation-location",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-location",
+      "syntax": "<route-name> | <url-pattern()>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param",
+      "syntax": "<navigation-param-key-value> | <navigation-param-function>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-and",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-and",
+      "syntax": "<navigation-param-expression> [ \"and\" <navigation-param-expression> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-expression",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-expression",
+      "syntax": "( <navigation-param-and> ) | ( <navigation-param-or> ) | <navigation-param>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-function",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-function",
+      "syntax": "navigation-param( <ident> )",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-key-value",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-key-value",
+      "syntax": "( <ident> : <string> )",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-or",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-or",
+      "syntax": "<navigation-param-expression> [ \"or\" <navigation-param-expression> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-test",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-test",
+      "syntax": "<navigation-location> | <navigation-keyword> : <navigation-location>",
+      "extended": []
+    },
     {
       "name": "ndash-dimension",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-ndash-dimension",
@@ -18406,6 +18677,15 @@
       "syntax": "<page-selector>#",
       "extended": []
     },
+    {
+      "for": [
+        "size"
+      ],
+      "name": "page-size",
+      "prose": "A page size can be specified using one of the following media names. This is the equivalent of specifying size using length values. The definition of the media names comes from Media Standardized Names [PWGMSN].",
+      "href": "https://drafts.csswg.org/css-page-3/#typedef-page-size-page-size",
+      "extended": []
+    },
     {
       "name": "paint",
       "href": "https://drafts.fxtf.org/fill-stroke-3/#typedef-paint",
@@ -18436,6 +18716,18 @@
       "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
       "extended": []
     },
+    {
+      "name": "pattern-descriptor",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-pattern-descriptor",
+      "syntax": "pattern : <url-pattern()>",
+      "extended": []
+    },
+    {
+      "name": "pattern-descriptors",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-pattern-descriptors",
+      "syntax": ";* <pattern-descriptor> ;*",
+      "extended": []
+    },
     {
       "name": "percentage",
       "prose": "Percentage values are denoted by <percentage>, and indicates a value that is some fraction of another reference value.",
@@ -18670,6 +18962,15 @@
       "syntax": "referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "relative-control-point",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-relative-control-point",
+      "syntax": "<coordinate-pair> [ from [ start | end | origin ] ]?",
+      "extended": []
+    },
     {
       "name": "relative-real-selector",
       "href": "https://drafts.csswg.org/selectors-4/#typedef-relative-real-selector",
@@ -18720,7 +19021,7 @@
     {
       "name": "repeat-style",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-repeat-style",
-      "syntax": "repeat-x | repeat-y | <repetition>{1,2}",
+      "syntax": "repeat-x | repeat-y | repeat-block | repeat-inline | <repetition>{1,2}",
       "extended": []
     },
     {
@@ -18761,6 +19062,12 @@
       "syntax": "nearest | up | down | to-zero",
       "extended": []
     },
+    {
+      "name": "route-name",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-name",
+      "syntax": "<dashed-ident>",
+      "extended": []
+    },
     {
       "name": "rule-list",
       "prose": "<rule-list>: qualified rules and at-rules are allowed; declarations are automatically invalid.",
@@ -18966,6 +19273,21 @@
       "href": "https://drafts.csswg.org/css-values-5/#typedef-size-keyword",
       "extended": []
     },
+    {
+      "name": "slash-separated-border-radius-syntax",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-slash-separated-border-radius-syntax",
+      "syntax": "<length-percentage [0,∞]> [ / <length-percentage [0,∞]> ]?",
+      "extended": []
+    },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "smooth-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-smooth-command",
+      "syntax": "smooth [ [ to <position> [ with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
+      "extended": []
+    },
     {
       "name": "source-size",
       "href": "https://html.spec.whatwg.org/multipage/images.html#source-size",
@@ -18993,7 +19315,7 @@
     {
       "name": "spread-shadow",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-spread-shadow",
-      "syntax": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+      "syntax": "<'box-shadow-color'>? && [ [ none | <length>{2} ] [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
       "extended": []
     },
     {
@@ -19034,7 +19356,7 @@
     },
     {
       "name": "style-feature-name",
-      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
+      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range (<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-name",
       "extended": []
     },
@@ -19046,7 +19368,7 @@
     },
     {
       "name": "style-feature-value",
-      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
+      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range (<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-value",
       "extended": []
     },
@@ -19317,7 +19639,7 @@
       ],
       "name": "try-tactic",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-try-fallbacks-try-tactic",
-      "syntax": "flip-block || flip-inline || flip-start",
+      "syntax": "flip-block || flip-inline || flip-start || flip-x || flip-y",
       "extended": []
     },
     {
@@ -19377,6 +19699,15 @@
       "syntax": "var( <declaration-value> , <declaration-value>? )",
       "extended": []
     },
+    {
+      "for": [
+        "shape()"
+      ],
+      "name": "vertical-line-command",
+      "href": "https://drafts.csswg.org/css-shapes-1/#typedef-shape-vertical-line-command",
+      "syntax": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
+      "extended": []
+    },
     {
       "name": "visual-box",
       "href": "https://drafts.csswg.org/css-box-4/#typedef-visual-box",

package/package.json

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