diff --git a/features/background-attachment.yml b/features/background-attachment.yml
new file mode 100644
index 00000000000..69fa6765f41
--- /dev/null
+++ b/features/background-attachment.yml
@@ -0,0 +1,10 @@
+name: background-attachment
+description: The `background-attachment` CSS property sets whether an element's background image or gradient moves as the element scrolls.
+spec: https://drafts.csswg.org/css-backgrounds-3/#the-background-attachment
+group: background
+caniuse: background-attachment
+compat_features:
+  - css.properties.background-attachment
+  - css.properties.background-attachment.fixed
+  - css.properties.background-attachment.local
+  - css.properties.background-attachment.scroll
diff --git a/features/background-attachment.yml.dist b/features/background-attachment.yml.dist
new file mode 100644
index 00000000000..aa9db2cb82d
--- /dev/null
+++ b/features/background-attachment.yml.dist
@@ -0,0 +1,56 @@
+# Generated from: background-attachment.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2022-03-14
+  baseline_high_date: 2024-09-14
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "25"
+    firefox_android: "25"
+    safari: "15.4"
+    safari_ios: "15.4"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "3.2"
+  - css.properties.background-attachment
+  - css.properties.background-attachment.scroll
+
+  # baseline: high
+  # baseline_low_date: 2022-03-14
+  # baseline_high_date: 2024-09-14
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "2"
+  #   firefox_android: "4"
+  #   safari: "15.4"
+  #   safari_ios: "15.4"
+  - css.properties.background-attachment.fixed
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2022-03-14
+  # baseline_high_date: 2024-09-14
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "25"
+  #   firefox_android: "25"
+  #   safari: "15.4"
+  #   safari_ios: "15.4"
+  - css.properties.background-attachment.local
diff --git a/features/background-clip-border-area.yml b/features/background-clip-border-area.yml
new file mode 100644
index 00000000000..9bb2712ebca
--- /dev/null
+++ b/features/background-clip-border-area.yml
@@ -0,0 +1,5 @@
+# Note: This is a subfeature of background-clip and may eventually merge into that.
+name: "background-clip: border-area"
+description: "The `background-clip: border-area` CSS declaration draws the background underneath only the border of an element."
+spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip
+group: background
diff --git a/features/background-clip-border-area.yml.dist b/features/background-clip-border-area.yml.dist
new file mode 100644
index 00000000000..eff127c32ea
--- /dev/null
+++ b/features/background-clip-border-area.yml.dist
@@ -0,0 +1,8 @@
+# Generated from: background-clip-border-area.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  - css.properties.background-clip.border-area
diff --git a/features/background-clip-text.yml b/features/background-clip-text.yml
index ced225fa1cc..b4368df37a8 100644
--- a/features/background-clip-text.yml
+++ b/features/background-clip-text.yml
@@ -2,4 +2,4 @@
 name: "background-clip: text"
 description: "The `background-clip: text` CSS declaration draws the background underneath only the text in the element."
 spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip
-group: css
+group: background
diff --git a/features/background-clip.yml b/features/background-clip.yml
index bec3f97faca..04363b0b82a 100644
--- a/features/background-clip.yml
+++ b/features/background-clip.yml
@@ -3,4 +3,4 @@
 name: background-clip
 description: "The `background-clip` CSS property sets the extent of the background: the padding box, the content box, or the default border box."
 spec: https://drafts.csswg.org/css-backgrounds-3/#background-clip
-group: css
+group: background
diff --git a/features/background-color.yml b/features/background-color.yml
new file mode 100644
index 00000000000..8011da217c3
--- /dev/null
+++ b/features/background-color.yml
@@ -0,0 +1,6 @@
+name: background-color
+description: The `background-color` CSS property sets the fill color of an element, behind any content and background images or gradients.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-color
+group: background
+compat_features:
+  - css.properties.background-color
diff --git a/features/background-color.yml.dist b/features/background-color.yml.dist
new file mode 100644
index 00000000000..25d050f9e98
--- /dev/null
+++ b/features/background-color.yml.dist
@@ -0,0 +1,17 @@
+# Generated from: background-color.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1"
+    safari_ios: "1"
+compat_features:
+  - css.properties.background-color
diff --git a/features/background-repeat.yml b/features/background-repeat.yml
new file mode 100644
index 00000000000..38cefd6ab1b
--- /dev/null
+++ b/features/background-repeat.yml
@@ -0,0 +1,15 @@
+name: background-repeat
+description: The `background-repeat` CSS property sets how a background image is tiled.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-repeat
+caniuse: background-repeat-round-space
+group: background
+compat_features:
+  - css.properties.background-repeat
+  - css.properties.background-repeat.multiple_backgrounds
+  - css.properties.background-repeat.no-repeat
+  - css.properties.background-repeat.repeat
+  - css.properties.background-repeat.repeat-x
+  - css.properties.background-repeat.repeat-y
+  - css.properties.background-repeat.round
+  - css.properties.background-repeat.space
+  - css.properties.background-repeat.2-value
diff --git a/features/background-repeat.yml.dist b/features/background-repeat.yml.dist
new file mode 100644
index 00000000000..59d6e189e83
--- /dev/null
+++ b/features/background-repeat.yml.dist
@@ -0,0 +1,73 @@
+# Generated from: background-repeat.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2016-09-20
+  baseline_high_date: 2019-03-20
+  support:
+    chrome: "30"
+    chrome_android: "30"
+    edge: "12"
+    firefox: "49"
+    firefox_android: "49"
+    safari: "8"
+    safari_ios: "8"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.background-repeat
+  - css.properties.background-repeat.no-repeat
+  - css.properties.background-repeat.repeat
+  - css.properties.background-repeat.repeat-x
+  - css.properties.background-repeat.repeat-y
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.background-repeat.multiple_backgrounds
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "3"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "13"
+  #   firefox_android: "14"
+  #   safari: "5"
+  #   safari_ios: "4"
+  - css.properties.background-repeat.2-value
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2016-09-20
+  # baseline_high_date: 2019-03-20
+  # support:
+  #   chrome: "30"
+  #   chrome_android: "30"
+  #   edge: "12"
+  #   firefox: "49"
+  #   firefox_android: "49"
+  #   safari: "8"
+  #   safari_ios: "8"
+  - css.properties.background-repeat.round
+  - css.properties.background-repeat.space
diff --git a/features/background-size.yml b/features/background-size.yml
new file mode 100644
index 00000000000..c716f3f1efd
--- /dev/null
+++ b/features/background-size.yml
@@ -0,0 +1,10 @@
+name: background-size
+description: The `background-size` CSS property scales or stretches a background based on the size of the element (with the `contain` and `cover` keywords), a length, or percentage.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-size
+group: background
+compat_features:
+  - css.properties.background-size
+  - css.properties.background-size.auto
+  - css.properties.background-size.contain
+  - css.properties.background-size.cover
+  - css.properties.background.background-size
diff --git a/features/background-size.yml.dist b/features/background-size.yml.dist
new file mode 100644
index 00000000000..33fbdebeef3
--- /dev/null
+++ b/features/background-size.yml.dist
@@ -0,0 +1,56 @@
+# Generated from: background-size.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-07-28
+  baseline_high_date: 2023-01-28
+  support:
+    chrome: "21"
+    chrome_android: "25"
+    edge: "12"
+    firefox: ≤72
+    firefox_android: "79"
+    safari: "5.1"
+    safari_ios: "4.2"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "3"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "4"
+  #   firefox_android: "4"
+  #   safari: "5"
+  #   safari_ios: "4.2"
+  - css.properties.background-size
+  - css.properties.background-size.contain
+  - css.properties.background-size.cover
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "9"
+  #   firefox_android: "18"
+  #   safari: "5.1"
+  #   safari_ios: "4"
+  - css.properties.background.background-size
+
+  # baseline: high
+  # baseline_low_date: 2020-07-28
+  # baseline_high_date: 2023-01-28
+  # support:
+  #   chrome: "3"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: ≤72
+  #   firefox_android: "79"
+  #   safari: "5"
+  #   safari_ios: "4.2"
+  - css.properties.background-size.auto
diff --git a/features/background.yml b/features/background.yml
new file mode 100644
index 00000000000..be6a9fe9c17
--- /dev/null
+++ b/features/background.yml
@@ -0,0 +1,6 @@
+name: background
+description: The `background` CSS property is a shorthand that sets several background properties at once.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background
+group: background
+compat_features:
+  - css.properties.background
diff --git a/features/background.yml.dist b/features/background.yml.dist
new file mode 100644
index 00000000000..849cb4dd74e
--- /dev/null
+++ b/features/background.yml.dist
@@ -0,0 +1,17 @@
+# Generated from: background.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1"
+    safari_ios: "1"
+compat_features:
+  - css.properties.background
diff --git a/groups/background.yml b/groups/background.yml
new file mode 100644
index 00000000000..8d5d7f64309
--- /dev/null
+++ b/groups/background.yml
@@ -0,0 +1,3 @@
+name: Background
+parent: css
+#description: The background CSS properties set the display of the layers behind an element's main content.