diff --git a/features/aspect-ratio.yml b/features/aspect-ratio.yml
index 69a854b1fc5..9397fa1a5d7 100644
--- a/features/aspect-ratio.yml
+++ b/features/aspect-ratio.yml
@@ -2,3 +2,8 @@ name: aspect-ratio
 description: "The `aspect-ratio` CSS property controls the width-to-height ratio of elements. For `<img>` and `<video>` elements, the `width` and `height` attributes used together with `height: auto` control the aspect ratio while the image/video is loading."
 spec: https://drafts.csswg.org/css-sizing-4/#aspect-ratio
 group: css
+compat_features:
+  - html.elements.video.aspect_ratio_computed_from_attributes
+  - html.elements.img.aspect_ratio_computed_from_attributes
+  - css.properties.aspect-ratio
+  - css.properties.aspect-ratio.auto
diff --git a/features/aspect-ratio.yml.dist b/features/aspect-ratio.yml.dist
index 84521641bd8..9e2f60396d4 100644
--- a/features/aspect-ratio.yml.dist
+++ b/features/aspect-ratio.yml.dist
@@ -53,3 +53,4 @@ compat_features:
   #   safari: "15"
   #   safari_ios: "15"
   - css.properties.aspect-ratio
+  - css.properties.aspect-ratio.auto
diff --git a/features/box-sizing.yml b/features/box-sizing.yml
new file mode 100644
index 00000000000..fdeded3e924
--- /dev/null
+++ b/features/box-sizing.yml
@@ -0,0 +1,9 @@
+name: box-sizing
+description: The `box-sizing` CSS property sets whether an element's width and height are calculated based on the `content-box`, which does not count the size of borders or padding, or `border-box`, which does count them.
+spec: https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing
+caniuse: css3-boxsizing
+group: layout
+compat_features:
+  - css.properties.box-sizing
+  - css.properties.box-sizing.border-box
+  - css.properties.box-sizing.content-box
diff --git a/features/box-sizing.yml.dist b/features/box-sizing.yml.dist
new file mode 100644
index 00000000000..b7d78b19d9d
--- /dev/null
+++ b/features/box-sizing.yml.dist
@@ -0,0 +1,19 @@
+# Generated from: box-sizing.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: "10"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "29"
+    firefox_android: "29"
+    safari: "5.1"
+    safari_ios: "6"
+compat_features:
+  - css.properties.box-sizing
+  - css.properties.box-sizing.border-box
+  - css.properties.box-sizing.content-box
diff --git a/features/fit-content-function.yml b/features/fit-content-function.yml
new file mode 100644
index 00000000000..813a69f835c
--- /dev/null
+++ b/features/fit-content-function.yml
@@ -0,0 +1,17 @@
+name: fit-content()
+description: The `fit-content()` CSS function, used outside of a grid layout property, clamps a length between `min-content` and `max-content`.
+spec: https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content
+group: layout
+compat_features:
+  - css.properties.block-size.fit-content_function
+  - css.properties.height.fit-content_function
+  - css.properties.inline-size.fit-content_function
+  - css.properties.max-block-size.fit-content_function
+  - css.properties.max-height.fit-content_function
+  - css.properties.max-inline-size.fit-content_function
+  - css.properties.max-width.fit-content_function
+  - css.properties.min-block-size.fit-content_function
+  - css.properties.min-height.fit-content_function
+  - css.properties.min-inline-size.fit-content_function
+  - css.properties.min-width.fit-content_function
+  - css.properties.width.fit-content_function
diff --git a/features/fit-content-function.yml.dist b/features/fit-content-function.yml.dist
new file mode 100644
index 00000000000..3b8996c98a5
--- /dev/null
+++ b/features/fit-content-function.yml.dist
@@ -0,0 +1,19 @@
+# Generated from: fit-content-function.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  - css.properties.block-size.fit-content_function
+  - css.properties.height.fit-content_function
+  - css.properties.inline-size.fit-content_function
+  - css.properties.max-block-size.fit-content_function
+  - css.properties.max-height.fit-content_function
+  - css.properties.max-inline-size.fit-content_function
+  - css.properties.max-width.fit-content_function
+  - css.properties.min-block-size.fit-content_function
+  - css.properties.min-height.fit-content_function
+  - css.properties.min-inline-size.fit-content_function
+  - css.properties.min-width.fit-content_function
+  - css.properties.width.fit-content_function
diff --git a/features/fit-content.yml b/features/fit-content.yml
new file mode 100644
index 00000000000..27c668455ad
--- /dev/null
+++ b/features/fit-content.yml
@@ -0,0 +1,11 @@
+name: fit-content
+description: The `fit-content` CSS keyword expands a box as needed to fit its contents until the maximum size is reached.
+spec: https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content
+group: layout
+compat_features:
+  - css.properties.height.fit-content
+  - css.properties.max-height.fit-content
+  - css.properties.max-width.fit-content
+  - css.properties.min-height.fit-content
+  - css.properties.min-width.fit-content
+  - css.properties.width.fit-content
diff --git a/features/fit-content.yml.dist b/features/fit-content.yml.dist
new file mode 100644
index 00000000000..4cb96cda52e
--- /dev/null
+++ b/features/fit-content.yml.dist
@@ -0,0 +1,22 @@
+# Generated from: fit-content.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2021-11-02
+  baseline_high_date: 2024-05-02
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "94"
+    firefox_android: "94"
+    safari: "11"
+    safari_ios: "11"
+compat_features:
+  - css.properties.height.fit-content
+  - css.properties.max-height.fit-content
+  - css.properties.max-width.fit-content
+  - css.properties.min-height.fit-content
+  - css.properties.min-width.fit-content
+  - css.properties.width.fit-content
diff --git a/features/min-max-content.yml b/features/min-max-content.yml
new file mode 100644
index 00000000000..1e0d44a69c8
--- /dev/null
+++ b/features/min-max-content.yml
@@ -0,0 +1,19 @@
+name: min-content and max-content
+description: The `min-content` and `max-content` CSS keywords represent the smallest and largest intrinsic sizes of an element.
+spec:
+  - https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content
+  - https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content
+group: layout
+compat_features:
+  - css.properties.height.max-content
+  - css.properties.max-height.max-content
+  - css.properties.max-width.max-content
+  - css.properties.min-height.max-content
+  - css.properties.min-width.max-content
+  - css.properties.width.max-content
+  - css.properties.height.min-content
+  - css.properties.max-height.min-content
+  - css.properties.max-width.min-content
+  - css.properties.min-height.min-content
+  - css.properties.min-width.min-content
+  - css.properties.width.min-content
diff --git a/features/min-max-content.yml.dist b/features/min-max-content.yml.dist
new file mode 100644
index 00000000000..9c395a92f9d
--- /dev/null
+++ b/features/min-max-content.yml.dist
@@ -0,0 +1,28 @@
+# Generated from: min-max-content.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "66"
+    firefox_android: "66"
+    safari: "11"
+    safari_ios: "11"
+compat_features:
+  - css.properties.height.max-content
+  - css.properties.height.min-content
+  - css.properties.max-height.max-content
+  - css.properties.max-height.min-content
+  - css.properties.max-width.max-content
+  - css.properties.max-width.min-content
+  - css.properties.min-height.max-content
+  - css.properties.min-height.min-content
+  - css.properties.min-width.max-content
+  - css.properties.min-width.min-content
+  - css.properties.width.max-content
+  - css.properties.width.min-content
diff --git a/features/min-max-width-height.yml b/features/min-max-width-height.yml
new file mode 100644
index 00000000000..69b2f0c546c
--- /dev/null
+++ b/features/min-max-width-height.yml
@@ -0,0 +1,17 @@
+name: Min and max width and height
+description: The `min-width`, `min-height`, `max-width`, and `max-height` CSS properties set the minimum and maximum size of an element.
+spec:
+  - https://drafts.csswg.org/css-sizing-3/#min-size-properties
+  - https://drafts.csswg.org/css-sizing-3/#max-size-properties
+caniuse: minmaxwh
+status:
+  compute_from: css.properties.max-height.none
+compat_features:
+  - css.properties.max-height
+  - css.properties.max-height.none
+  - css.properties.max-width
+  - css.properties.max-width.none
+  - css.properties.min-height
+  - css.properties.min-height.auto
+  - css.properties.min-width
+  - css.properties.min-width.auto
diff --git a/features/min-max-width-height.yml.dist b/features/min-max-width-height.yml.dist
new file mode 100644
index 00000000000..43ae56a6ebb
--- /dev/null
+++ b/features/min-max-width-height.yml.dist
@@ -0,0 +1,92 @@
+# Generated from: min-max-width-height.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "18"
+    chrome_android: "18"
+    edge: "79"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1.3"
+    safari_ios: "1"
+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.max-width
+  - css.properties.max-width.none
+  - css.properties.min-width
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.min-height
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "18"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.max-height
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "34"
+  #   firefox_android: "34"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.min-width.auto
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "18"
+  #   chrome_android: "18"
+  #   edge: "79"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.max-height.none
+
+  # baseline: false
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "79"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.min-height.auto
diff --git a/features/width-height.yml b/features/width-height.yml
new file mode 100644
index 00000000000..3ccbff6ab7f
--- /dev/null
+++ b/features/width-height.yml
@@ -0,0 +1,15 @@
+name: Width and height
+description: The `width` and `height` CSS properties set the preferred physical size of an element.
+spec: https://drafts.csswg.org/css-sizing-3/#preferred-size-properties
+group: layout
+# Ignore width.is_animatable
+status:
+  compute_from:
+    - css.properties.height
+    - css.properties.width
+compat_features:
+  - css.properties.height
+  - css.properties.height.auto
+  - css.properties.width
+  - css.properties.width.is_animatable
+  - css.properties.width.auto
diff --git a/features/width-height.yml.dist b/features/width-height.yml.dist
new file mode 100644
index 00000000000..b6249017ae7
--- /dev/null
+++ b/features/width-height.yml.dist
@@ -0,0 +1,45 @@
+# Generated from: width-height.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:
+  # ⬇️ Same status as overall feature ⬇️
+  # 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.height
+  - css.properties.height.auto
+  - css.properties.width
+  - css.properties.width.auto
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "26"
+  #   chrome_android: "26"
+  #   edge: "12"
+  #   firefox: "16"
+  #   firefox_android: "16"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.width.is_animatable