Object Fit Css Mdn

If necessary the object will be stretched or squished to fit.

Object fit css mdn. All values of the css object fit property. Values contain the replaced content is scaled to maintain its aspect ratio while fitting within the element s content box. The object fit css property sets how the content of a replaced element such as an img or video should be resized to fit its container. свойство object fit определяет как содержимое заменяемого элемента такого как img или video должно заполнять контейнер относительно его высоты и ширины.

Css object fit 属性 实例 对图片进行剪切 保留原始比例 mycode3 type css img a width. The object fit property can have the following values. Object fit polyfill a polyfill for browsers that don t support the object fit css property. The object fit property defines how an element responds to the height and width of its content box.

The replaced content is sized to fill the element s content box. It s intended for images videos and other embeddable media formats in conjunction with the object position property. The entire object is made to fill the box while preserving its aspect ratio so the object will be letterboxed if its aspect ratio does not match the aspect ratio. A javascript polyfill for browsers that don t support the object fit css property.

Fill this is default. The object fit property is specified as a single keyword chosen from the list of values below.