aspect-ratio

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.

Baseline Status: Achieved Widely Available on Mar 20, 2024 (Cross-browser Newly Available since Sep 20, 2021).

Desktop Browser Engine Support

Google Chrome

88

Supported

Mozilla Firefox

89

Supported

Apple Safari

15

Supported

Microsoft Edge

88

Supported

Mobile Browser Engine Support

Chrome Android

88

Firefox Android

89

Safari iOS

15

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.aspect-ratio ↗ css.properties.aspect-ratio.auto ↗ html.elements.img.aspect_ratio_computed_from_attributes ↗ html.elements.video.aspect_ratio_computed_from_attributes ↗