Object Fit
The
object-fit
property is used to specify how an img
or video
should be resized to fit its container. This property tells the content to fill the container in a variety of ways; such as 'preserve that aspect ratio' or 'stretch up and take up as much space as possible'.
Class
|
Properties
|
---|---|
object-fill |
object-fit: fill |
object-contain |
object-fit: contain |
object-cover |
object-fit: cover |
object-none |
object-fit: none |
object-scale-down |
object-fit: scale-down |
utilities.scss API