CSS Images Module Level 3 CR Test Suite

Sizing Images and Objects in CSS (191 tests)

Test Refs Flags Info
+ 5 Sizing Images and Objects in CSS
object-fit-contain-png-001c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-svg-001e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-png-001c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-svg-001e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-png-001c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-svg-001e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-none-png-001c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-001e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-001i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-001o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-001p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-png-002c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-002e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-002i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-002o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-002p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-svg-001e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-png-001c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-svg-001e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-position-png-001c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-001e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-001i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-001o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-001p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-png-002c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-002e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-002i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-002o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-002p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-svg-001e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-001i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-001o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-001p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
object-position-svg-002e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-002i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-002o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-002p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
+ 5.1 Object-Sizing Terminology
cursor-image-005-nfs InteractSVG Cursor property, url value
  • Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.
+ 5.2 CSS⇋Object Negotiation
+ 5.3 Concrete Object Size Resolution
+ 5.3.1 Default Sizing Algorithm
+ 5.3.2 Cover and Contain Constraint Sizing
+ 5.4 Examples of CSS Object Sizing
+ 5.5 Sizing Objects: the ‘object-fit’ property
object-fit-contain-png-001c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-svg-001e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-png-001c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-svg-001e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-png-001c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-svg-001e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-none-png-001c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-001e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-001i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-001o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-001p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-png-002c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-002e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-002i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-002o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-002p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-svg-001e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-png-001c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-svg-001e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-position-png-001c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-001e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-001i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-001o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-001p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-png-002c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-002e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-002i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-002o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-002p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-svg-001e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-001i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-001o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-001p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
object-position-svg-002e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-002i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-002o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-002p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
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'.
+ 5.6 Positioning Objects: the ‘object-position’ property
object-fit-contain-png-001c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-001p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002c = 'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002e = 'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002i = 'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002o = 'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
object-fit-contain-png-002p = 'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
object-fit-contain-svg-001e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-001p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-002p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-003p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-004p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-005p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006e = 'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006i = 'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006o = 'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
object-fit-contain-svg-006p = 'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-png-001c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-001p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002c = 'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002e = 'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002i = 'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002o = 'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
object-fit-cover-png-002p = 'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
object-fit-cover-svg-001e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-001p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-002p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-003p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-004p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-005p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006e = 'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006i = 'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006o = 'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
object-fit-cover-svg-006p = 'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-png-001c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-001p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002c = 'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002e = 'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002i = 'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002o = 'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
object-fit-fill-png-002p = 'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
object-fit-fill-svg-001e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-001p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-002p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-003p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-004p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-005p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006e = 'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006i = 'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006o = 'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
object-fit-fill-svg-006p = 'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
object-fit-none-png-001c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-001e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-001i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-001o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-001p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-png-002c = 'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
object-fit-none-png-002e = 'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
object-fit-none-png-002i = 'object-fit: none' on img element, with a PNG image and with various 'object-position' values
object-fit-none-png-002o = 'object-fit: none' on object element, with a PNG image and with various 'object-position' values
object-fit-none-png-002p = 'object-fit: none' on video element, with a PNG image and with various 'object-position' values
object-fit-none-svg-001e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-001p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-002p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-003p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-004p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-005p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006e = 'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006i = 'object-fit: none' on img element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006o = 'object-fit: none' on object element, with a SVG image and with various 'object-position' values
object-fit-none-svg-006p = 'object-fit: none' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-png-001c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-001p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002c = 'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002e = 'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002i = 'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002o = 'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
object-fit-scale-down-png-002p = 'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
object-fit-scale-down-svg-001e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-001p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-002p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-003p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-004p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-005p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006e = 'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006i = 'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006o = 'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
object-fit-scale-down-svg-006p = 'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
object-position-png-001c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-001e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-001i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-001o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-001p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-png-002c = various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
object-position-png-002e = various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
object-position-png-002i = various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
object-position-png-002o = various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
object-position-png-002p = various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
object-position-svg-001e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-001i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-001o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-001p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
object-position-svg-002e = various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
object-position-svg-002i = various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
object-position-svg-002o = various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
object-position-svg-002p = various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.