diff --git a/features/display-contents.yml b/features/display-contents.yml
new file mode 100644
index 00000000000..73b55a2fed8
--- /dev/null
+++ b/features/display-contents.yml
@@ -0,0 +1,9 @@
+name: "display: contents"
+description: "The `display: contents` CSS declaration sets an element to display only its contents, not itself."
+spec: https://drafts.csswg.org/css-display-3/#box-generation
+caniuse: css-display-contents
+group: css
+compat_features:
+  - css.properties.display.contents
+  - css.properties.display.contents.contents_unusual
+  - css.properties.display.contents.focusable_elements
diff --git a/features/display-contents.yml.dist b/features/display-contents.yml.dist
new file mode 100644
index 00000000000..eb7128eb9a9
--- /dev/null
+++ b/features/display-contents.yml.dist
@@ -0,0 +1,33 @@
+# Generated from: display-contents.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "65"
+  #   chrome_android: "65"
+  #   edge: "79"
+  #   firefox: "37"
+  #   firefox_android: "37"
+  #   safari: "11.1"
+  #   safari_ios: "11.3"
+  - css.properties.display.contents
+
+  # baseline: false
+  # support:
+  #   chrome: "65"
+  #   chrome_android: "65"
+  #   edge: "79"
+  #   firefox: "59"
+  #   firefox_android: "59"
+  - css.properties.display.contents.contents_unusual
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support: {}
+  - css.properties.display.contents.focusable_elements