mdn-data 2.23.0 → 2.24.0

package/css/properties.json

@@ -1656,7 +1656,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-content"
   },
   "align-items": {
-    "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+    "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
     "media": "visual",
     "inherited": false,
     "animationType": "discrete",
@@ -1673,7 +1673,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-items"
   },
   "align-self": {
-    "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+    "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
     "media": "visual",
     "inherited": false,
     "animationType": "discrete",
@@ -2021,7 +2021,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timing-function"
   },
   "appearance": {
-    "syntax": "none | auto | textfield | menulist-button | <compat-auto>",
+    "syntax": "none | auto | <compat-auto> | <compat-special>",
     "media": "all",
     "inherited": false,
     "animationType": "discrete",
@@ -2085,7 +2085,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/backface-visibility"
   },
   "background": {
-    "syntax": "[ <bg-layer> , ]* <final-bg-layer>",
+    "syntax": "<bg-layer>#? , <final-bg-layer>",
     "media": "visual",
     "inherited": false,
     "animationType": [
@@ -2709,7 +2709,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-color"
   },
   "border-bottom-left-radius": {
-    "syntax": "<length-percentage>{1,2}",
+    "syntax": "<length-percentage [0,∞]>{1,2}",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
@@ -2728,7 +2728,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius"
   },
   "border-bottom-right-radius": {
-    "syntax": "<length-percentage>{1,2}",
+    "syntax": "<length-percentage [0,∞]>{1,2}",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
@@ -2785,7 +2785,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-width"
   },
   "border-collapse": {
-    "syntax": "collapse | separate",
+    "syntax": "separate | collapse",
     "media": "visual",
     "inherited": true,
     "animationType": "discrete",
@@ -2913,7 +2913,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-image"
   },
   "border-image-outset": {
-    "syntax": "[ <length> | <number> ]{1,4}",
+    "syntax": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}  ",
     "media": "visual",
     "inherited": false,
     "animationType": "byComputedValueType",
@@ -2951,7 +2951,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-image-repeat"
   },
   "border-image-slice": {
-    "syntax": "<number-percentage>{1,4} && fill?",
+    "syntax": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4}  && fill?",
     "media": "visual",
     "inherited": false,
     "animationType": "byComputedValueType",
@@ -2989,7 +2989,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-image-source"
   },
   "border-image-width": {
-    "syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
+    "syntax": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
     "media": "visual",
     "inherited": false,
     "animationType": "byComputedValueType",
@@ -3324,7 +3324,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-left-width"
   },
   "border-radius": {
-    "syntax": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+    "syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
     "media": "visual",
     "inherited": false,
     "animationType": [
@@ -3446,7 +3446,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-right-width"
   },
   "border-spacing": {
-    "syntax": "<length> <length>?",
+    "syntax": "<length>{1,2}",
     "media": "visual",
     "inherited": true,
     "animationType": "discrete",
@@ -3579,7 +3579,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-top-color"
   },
   "border-top-left-radius": {
-    "syntax": "<length-percentage>{1,2}",
+    "syntax": "<length-percentage [0,∞]>{1,2}",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
@@ -3598,7 +3598,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius"
   },
   "border-top-right-radius": {
-    "syntax": "<length-percentage>{1,2}",
+    "syntax": "<length-percentage [0,∞]>{1,2}",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
@@ -3689,12 +3689,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-width"
   },
   "bottom": {
-    "syntax": "<length> | <percentage> | auto",
+    "syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
     "percentages": "referToContainingBlockHeight",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Positioned Layout"
     ],
     "initial": "auto",
@@ -4476,7 +4477,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/container-type"
   },
   "content": {
-    "syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?",
+    "syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?",
     "media": "all",
     "inherited": false,
     "animationType": "discrete",
@@ -6351,7 +6352,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-content"
   },
   "justify-items": {
-    "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+    "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
     "media": "visual",
     "inherited": false,
     "animationType": "discrete",
@@ -6367,7 +6368,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-items"
   },
   "justify-self": {
-    "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+    "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
     "media": "visual",
     "inherited": false,
     "animationType": "discrete",
@@ -6398,12 +6399,13 @@
     "status": "nonstandard"
   },
   "left": {
-    "syntax": "<length> | <percentage> | auto",
+    "syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Positioned Layout"
     ],
     "initial": "auto",
@@ -6678,12 +6680,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-start"
   },
   "margin-bottom": {
-    "syntax": "<length-percentage> | auto",
+    "syntax": "<length-percentage> | auto | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "length",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Box Model"
     ],
     "initial": "0",
@@ -6751,12 +6754,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline-start"
   },
   "margin-left": {
-    "syntax": "<length-percentage> | auto",
+    "syntax": "<length-percentage> | auto | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "length",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Box Model"
     ],
     "initial": "0",
@@ -6770,12 +6774,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-left"
   },
   "margin-right": {
-    "syntax": "<length-percentage> | auto",
+    "syntax": "<length-percentage> | auto | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "length",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Box Model"
     ],
     "initial": "0",
@@ -6789,12 +6794,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-right"
   },
   "margin-top": {
-    "syntax": "<length-percentage> | auto",
+    "syntax": "<length-percentage> | auto | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "length",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Box Model"
     ],
     "initial": "0",
@@ -7429,7 +7435,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min-width"
   },
   "mix-blend-mode": {
-    "syntax": "<blend-mode> | plus-lighter",
+    "syntax": "<blend-mode> | plus-darker | plus-lighter",
     "media": "visual",
     "inherited": false,
     "animationType": "notAnimatable",
@@ -8627,12 +8633,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/resize"
   },
   "right": {
-    "syntax": "<length> | <percentage> | auto",
+    "syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Positioned Layout"
     ],
     "initial": "auto",
@@ -10363,12 +10370,13 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/timeline-scope"
   },
   "top": {
-    "syntax": "<length> | <percentage> | auto",
+    "syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
     "media": "visual",
     "inherited": false,
     "animationType": "lpc",
     "percentages": "referToContainingBlockHeight",
     "groups": [
+      "CSS Anchor Positioning",
       "CSS Positioned Layout"
     ],
     "initial": "auto",

package/css/syntaxes.json

@@ -90,7 +90,7 @@
     "syntax": "<visual-box> | border-area | text"
   },
   "bg-image": {
-    "syntax": "none | <image>"
+    "syntax": "<image> | none"
   },
   "bg-layer": {
     "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
@@ -99,7 +99,7 @@
     "syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
   },
   "bg-size": {
-    "syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
+    "syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
   },
   "blend-mode": {
     "syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
@@ -189,7 +189,10 @@
     "syntax": "[ common-ligatures | no-common-ligatures ]"
   },
   "compat-auto": {
-    "syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+    "syntax": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"
+  },
+  "compat-special": {
+    "syntax": "textfield | menulist-button"
   },
   "complex-selector": {
     "syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
@@ -228,7 +231,7 @@
     "syntax": "space-between | space-around | space-evenly | stretch"
   },
   "content-list": {
-    "syntax": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> ]+"
+    "syntax": "[ <string> | <image | <attr()> | <quote> | <counter> ]+ "
   },
   "content-position": {
     "syntax": "center | start | end | flex-start | flex-end"
@@ -369,7 +372,7 @@
     "syntax": "[ <filter-function> | <url> ]+"
   },
   "final-bg-layer": {
-    "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
+    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"
   },
   "fit-content()": {
     "syntax": "fit-content( <length-percentage [0,∞]> )"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdn-data",
-  "version": "2.23.0",
+  "version": "2.24.0",
   "description": "Open Web data by the Mozilla Developer Network",
   "main": "index.js",
   "files": [