CSS · The box model

aspect-ratio

Locks a box to a ratio so it reserves space before media loads.

cssRunnable example css course

Syntax

aspect-ratio: 16 / 9

Example

Try it

.demo { aspect-ratio: 16 / 9; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.