@webref/css 6.23.16 → 6.23.17

package/css-align.json

@@ -234,7 +234,7 @@
     {
       "name": "align-items",
       "href": "https://drafts.csswg.org/css-align-3/#propdef-align-items",
-      "value": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+      "value": "normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
       "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-anchor-position.json

@@ -169,21 +169,14 @@
     },
     {
       "name": "justify-self",
-      "newValues": "anchor-center | dialog",
+      "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.",
+          "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"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -193,21 +186,14 @@
     },
     {
       "name": "align-self",
-      "newValues": "anchor-center | dialog",
+      "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.",
+          "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"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -217,21 +203,14 @@
     },
     {
       "name": "justify-items",
-      "newValues": "anchor-center | dialog",
+      "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.",
+          "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"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -241,21 +220,14 @@
     },
     {
       "name": "align-items",
-      "newValues": "anchor-center | dialog",
+      "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.",
+          "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"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -369,7 +341,7 @@
         },
         {
           "name": "<try-tactic>",
-          "value": "flip-block || flip-inline || flip-start",
+          "value": "flip-block || flip-inline || flip-start || flip-x || flip-y",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-try-tactic",
           "type": "value"
         },
@@ -377,7 +349,7 @@
           "name": "<try-tactic>",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-try-fallbacks-try-tactic",
           "type": "type",
-          "value": "flip-block || flip-inline || flip-start"
+          "value": "flip-block || flip-inline || flip-start || flip-x || flip-y"
         },
         {
           "name": "flip-block",
@@ -393,6 +365,20 @@
           "type": "value",
           "value": "flip-inline"
         },
+        {
+          "name": "flip-x",
+          "prose": "swaps the values in the horizontal axis (between, for example, margin-left and margin-right), essentially mirroring across a vertical-axis line.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-x",
+          "type": "value",
+          "value": "flip-x"
+        },
+        {
+          "name": "flip-y",
+          "prose": "swaps the values in the vertical axis, essentially mirroring across a horizontal-axis line.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-y",
+          "type": "value",
+          "value": "flip-y"
+        },
         {
           "name": "flip-start",
           "prose": "swaps the values of the start properties with each other, and the end properties with each other (between, for example, margin-block-start and margin-inline-start), essentially mirroring across a diagonal drawn from the start-start corner to the end-end corner.",

package/css-backgrounds-4.json

@@ -258,6 +258,20 @@
           "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-repeat-y",
           "type": "value",
           "value": "repeat-y"
+        },
+        {
+          "name": "repeat-block",
+          "prose": "Computes to repeat in the block axis and no-repeat in the inline axis.",
+          "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-repeat-block",
+          "type": "value",
+          "value": "repeat-block"
+        },
+        {
+          "name": "repeat-inline",
+          "prose": "Computes to repeat in the inline axis and no-repeat in the block axis.",
+          "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-repeat-inline",
+          "type": "value",
+          "value": "repeat-inline"
         }
       ],
       "styleDeclaration": [
@@ -591,7 +605,7 @@
       "name": "<repeat-style>",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-repeat-style",
       "type": "type",
-      "value": "repeat-x | repeat-y | <repetition>{1,2}"
+      "value": "repeat-x | repeat-y | repeat-block | repeat-inline | <repetition>{1,2}"
     },
     {
       "name": "<attachment>",

package/css-borders.json

@@ -829,7 +829,7 @@
     {
       "name": "border-top-left-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-left-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -846,7 +846,7 @@
     {
       "name": "border-top-right-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-right-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -863,7 +863,7 @@
     {
       "name": "border-bottom-right-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-right-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -880,7 +880,7 @@
     {
       "name": "border-bottom-left-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-left-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -897,7 +897,7 @@
     {
       "name": "border-start-start-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-start-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -914,7 +914,7 @@
     {
       "name": "border-start-end-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-end-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -931,7 +931,7 @@
     {
       "name": "border-end-start-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-start-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -948,7 +948,7 @@
     {
       "name": "border-end-end-radius",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-end-radius",
-      "value": "<length-percentage [0,∞]>{1,2}",
+      "value": "<border-radius>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -2376,6 +2376,24 @@
         }
       ]
     },
+    {
+      "name": "<border-radius>",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-border-radius",
+      "type": "type",
+      "value": "<slash-separated-border-radius-syntax> | <legacy-border-radius-syntax>"
+    },
+    {
+      "name": "<slash-separated-border-radius-syntax>",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-slash-separated-border-radius-syntax",
+      "type": "type",
+      "value": "<length-percentage [0,∞]> [ / <length-percentage [0,∞]> ]?"
+    },
+    {
+      "name": "<legacy-border-radius-syntax>",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-legacy-border-radius-syntax",
+      "type": "type",
+      "value": "<length-percentage [0,∞]>{1,2}"
+    },
     {
       "name": "<corner-shape-value>",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-corner-shape-value",

package/css-cascade.json

@@ -7,7 +7,7 @@
     {
       "name": "all",
       "href": "https://drafts.csswg.org/css-cascade-5/#propdef-all",
-      "value": "initial | inherit | unset | revert | revert-layer",
+      "value": "initial | inherit | unset | revert | revert-layer | revert-rule",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",

package/css-extensions.json

@@ -24,13 +24,13 @@
       "name": "<custom-selector>",
       "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-selector",
       "type": "type",
-      "value": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
+      "value": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]?"
     },
     {
       "name": "<custom-arg>",
       "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-arg",
       "type": "type",
-      "value": "$ <ident-token> ;"
+      "value": "'$' <ident-token>"
     }
   ]
 }

package/css-gaps.json

@@ -243,7 +243,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": [
@@ -259,7 +259,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": [

package/css-tables.json

@@ -63,6 +63,22 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "top",
+          "prose": "Positions the caption box above the table grid box.",
+          "href": "https://drafts.csswg.org/css-tables-3/#valdef-caption-side-top",
+          "type": "value",
+          "value": "top"
+        },
+        {
+          "name": "bottom",
+          "prose": "Positions the caption box below the table grid box.",
+          "href": "https://drafts.csswg.org/css-tables-3/#valdef-caption-side-bottom",
+          "type": "value",
+          "value": "bottom"
+        }
+      ],
       "styleDeclaration": [
         "caption-side",
         "captionSide"

package/css-text-decor-4.json

@@ -253,8 +253,8 @@
       ]
     },
     {
-      "name": "text-decoration-trim",
-      "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-trim",
+      "name": "text-decoration-inset",
+      "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-inset",
       "value": "<length>{1,2} | auto",
       "initial": "0",
       "appliesTo": "all elements",
@@ -263,9 +263,25 @@
       "computedValue": "specified keyword or absolute length",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "values": [
+        {
+          "name": "<length>",
+          "prose": "Adjusts the start or end endpoint of the affected line decorations. Positive values move the endpoint inward (trimming), negative values move it outward (extending). The following example offsets an extra thick underline 1em endwards with respect to the text h1 { text-decoration: underline 0.3em rgba(36,148,187,0.25); text-decoration-inset: 1em -1em; }",
+          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-inset-length",
+          "type": "value",
+          "value": "<length>"
+        },
+        {
+          "name": "auto",
+          "prose": "The UA chooses an inset amount that ensures that if two identical underlined elements appear side-by-side they do not appear to have a single underline. (This is important in Chinese, where underlining is a form of punctuation.) text-decoration-inset: auto for <u>石井</u><u>艾俐俐</u>",
+          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-inset-auto",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
-        "text-decoration-trim",
-        "textDecorationTrim"
+        "text-decoration-inset",
+        "textDecorationInset"
       ]
     },
     {
@@ -282,14 +298,14 @@
       "values": [
         {
           "name": "none",
-          "prose": "The text-decoration-skip property and its sub-properties (text-decoration-skip-self, text-decoration-skip-box, text-decoration-skip-inset, text-decoration-skip-spaces, text-decoration-skip-ink) control interruptions in line decorations for which the element or an ancestor is the decorating box. The none value sets all sub-properties to none, and the auto value sets all sub-properties to their initial values.",
+          "prose": "The text-decoration-skip property and its sub-properties (text-decoration-skip-self, text-decoration-skip-box, text-decoration-skip-spaces, text-decoration-skip-ink) control interruptions in line decorations for which the element or an ancestor is the decorating box. The none value sets all sub-properties to none, and the auto value sets all sub-properties to their initial values.",
           "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-skip-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "auto",
-          "prose": "The text-decoration-skip property and its sub-properties (text-decoration-skip-self, text-decoration-skip-box, text-decoration-skip-inset, text-decoration-skip-spaces, text-decoration-skip-ink) control interruptions in line decorations for which the element or an ancestor is the decorating box. The none value sets all sub-properties to none, and the auto value sets all sub-properties to their initial values.",
+          "prose": "The text-decoration-skip property and its sub-properties (text-decoration-skip-self, text-decoration-skip-box, text-decoration-skip-spaces, text-decoration-skip-ink) control interruptions in line decorations for which the element or an ancestor is the decorating box. The none value sets all sub-properties to none, and the auto value sets all sub-properties to their initial values.",
           "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-skip-auto",
           "type": "value",
           "value": "auto"
@@ -696,24 +712,6 @@
   "selectors": [],
   "values": [],
   "warnings": [
-    {
-      "msg": "Dangling value",
-      "name": "<length>",
-      "prose": "Inset (positive) or outset (negative) the start/end of the affected line decorations. The following example offsets an extra thick underline 1em endwards with respect to the text h1 { text-decoration: underline 0.3em rgba(36,148,187,0.25); text-decoration-trim: 1em -1em; }",
-      "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-skip-inset-length",
-      "type": "value",
-      "value": "<length>",
-      "for": "text-decoration-skip-inset"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "The UA chooses a trim amount that ensures that if two identical underlined elements appear side-by-side they do not appear to have a single underline. (This is important in Chinese, where underlining is a form of punctuation.) text-decoration-skip-inset: auto for <u>石井</u><u>艾俐俐</u>",
-      "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-skip-inset-auto",
-      "type": "value",
-      "value": "auto",
-      "for": "text-decoration-skip-inset"
-    },
     {
       "msg": "Dangling value",
       "name": "open",

package/css-text-decor.json

@@ -306,7 +306,7 @@
     {
       "name": "text-shadow",
       "href": "https://drafts.csswg.org/css-text-decor-3/#propdef-text-shadow",
-      "value": "none | [ <color>? && <length>{2,3} ]#",
+      "value": "none | [ <color>? && [ <length>{2} <length [0,∞]>? ] ]#",
       "initial": "none",
       "appliesTo": "text",
       "inherited": "yes",

package/css-ui.json

@@ -27,7 +27,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": [

package/package.json

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