![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/object-fit-demo-visualiza-6e1b75de8297c.jpg)
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev
![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/using-padding-top-set-1-9702b5487f14c.jpg)
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev
Addy Osmani on X: "The new CSS aspect-ratio property lets you set the proportion of any element's dimensions without padding-top hacks! Read about it in https://t.co/GJR2JmBLFd by @una https://t.co/N8EmGJvV8s" / X
![Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community](https://global.discourse-cdn.com/sitepoint/original/3X/a/4/a4dd8559155b260dd2a5d720febe0fb24ebe6130.jpeg)
Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community
![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/two-images-the-same-aspe-c70cc7ed740f8.jpg)