CSS object-view-box

Description

object-view-box allows a replaced element like an <img> to be cropped and resized using just a CSS property.

img {
  object-view-box: inset(25% 20% 15% 0%);
}

https://ishadeed.com/article/css-object-view-box/
https://css-tricks.com/first-look-at-the-css-object-view-box-property/

(I have shamelessly recycled last year's suggestion: https://github.com/web-platform-tests/interop/issues/1150)

Specification

https://drafts.csswg.org/css-images-5/#the-object-view-box

web-feature

object-view-box

Test Links

https://wpt.fyi/results/?q=feature:object-view-box
There are also tests with view transitions here not included in the tests with the feature label: https://wpt.fyi/results/css?label=experimental&label=master&aligned&q=object%20view%20box

Additional Signals

This was the 2nd-most-added Reading List item in State of CSS 2023: https://2023.stateofcss.com/en-US/features/#reading_list

Shipped in Blink, Experimental in WebKit.

Start with the CSS Images Level 5 specification and the linked WPT results for object-view-box, including the view-transition tests. Determine the relevant existing coverage and the requirements for including this feature in Interop; done means the scope and test set are agreed and the feature is ready for project tracking.