CSS Images Module Level 3 CR Test Suite

Sizing Images and Objects in CSS (6 tests)

Test Refs Flags Info
+ 4 Sizing Images and Objects in CSS
+ 4.1 Object-Sizing Terminology
+ 4.2 CSS⇋Object Negotiation
+ 4.3 Concrete Object Size Resolution
+ 4.3.1 Default Sizing Algorithm
+ 4.3.2 Cover and Contain Constraint Sizing
+ 4.4 Examples of CSS Object Sizing
+ 4.5 Sizing Objects: the object-fit property
image-fit-001 Object Fit - initial value
  • The initial value of the 'object-fit' property is 'fill'.
image-fit-006 Object Fit - 'fill', explicit 'height'/'width'
  • The 'fill' value of the 'object-fit' property does not affect the usual calculation of the used 'height' and 'width.
  • The 'fill' value of the 'image-scaling' property scales the content height and width independently so that the edges of the content just meet the edges of the box established by the used 'height' and 'width'.
+ 4.6 Positioning Objects: the object-position property
object-position-interpolation Script
object-position-computed Script getComputedStyle().objectPosition
object-position-invalid Script CSS Images Module Level 3: parsing object-position with invalid values
  • object-position supports only the '<position>' grammar.
object-position-valid Script CSS Images Module Level 3: parsing object-position with valid values
  • object-position supports the full '<position>' grammar.