Web features explorer

aspect-ratio

Widely Available (since 2024-03-20)

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.

Browser support

  • Chrome 88 Released on 2021-01-19
  • Chrome Android 88 Released on 2021-01-19
  • Edge 88 Released on 2021-01-21
  • Firefox 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~36.086% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Interop

Surveys

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist