<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Sizing Images and Objects in CSS - CSS Images Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Images Module Level 3 CR Test Suite</h1>
<h2>Sizing Images and Objects in CSS (191 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css3-images/#sizing">5 Sizing Images and Objects in CSS</a></th></tr>
<!-- 188 tests -->
<tr id="object-fit-contain-png-001c-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-001c.htm">object-fit-contain-png-001c</a></strong></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001e-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-001e.htm">object-fit-contain-png-001e</a></strong></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001i-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-001i.htm">object-fit-contain-png-001i</a></strong></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001o-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-001o.htm">object-fit-contain-png-001o</a></strong></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001p-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-001p.htm">object-fit-contain-png-001p</a></strong></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002c-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-002c.htm">object-fit-contain-png-002c</a></strong></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002e-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-002e.htm">object-fit-contain-png-002e</a></strong></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002i-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-002i.htm">object-fit-contain-png-002i</a></strong></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002o-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-002o.htm">object-fit-contain-png-002o</a></strong></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002p-5" class="primary">
<td><strong>
<a href="object-fit-contain-png-002p.htm">object-fit-contain-png-002p</a></strong></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-001e.htm">object-fit-contain-svg-001e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-001i.htm">object-fit-contain-svg-001i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-001o.htm">object-fit-contain-svg-001o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-001p.htm">object-fit-contain-svg-001p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-002e.htm">object-fit-contain-svg-002e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-002i.htm">object-fit-contain-svg-002i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-002o.htm">object-fit-contain-svg-002o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-002p.htm">object-fit-contain-svg-002p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-003e.htm">object-fit-contain-svg-003e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-003i.htm">object-fit-contain-svg-003i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-003o.htm">object-fit-contain-svg-003o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-003p.htm">object-fit-contain-svg-003p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-004e.htm">object-fit-contain-svg-004e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-004i.htm">object-fit-contain-svg-004i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-004o.htm">object-fit-contain-svg-004o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-004p.htm">object-fit-contain-svg-004p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-005e.htm">object-fit-contain-svg-005e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-005i.htm">object-fit-contain-svg-005i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-005o.htm">object-fit-contain-svg-005o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-005p.htm">object-fit-contain-svg-005p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006e-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-006e.htm">object-fit-contain-svg-006e</a></strong></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006i-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-006i.htm">object-fit-contain-svg-006i</a></strong></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006o-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-006o.htm">object-fit-contain-svg-006o</a></strong></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006p-5" class="primary">
<td><strong>
<a href="object-fit-contain-svg-006p.htm">object-fit-contain-svg-006p</a></strong></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001c-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-001c.htm">object-fit-cover-png-001c</a></strong></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001e-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-001e.htm">object-fit-cover-png-001e</a></strong></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001i-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-001i.htm">object-fit-cover-png-001i</a></strong></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001o-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-001o.htm">object-fit-cover-png-001o</a></strong></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001p-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-001p.htm">object-fit-cover-png-001p</a></strong></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002c-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-002c.htm">object-fit-cover-png-002c</a></strong></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002e-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-002e.htm">object-fit-cover-png-002e</a></strong></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002i-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-002i.htm">object-fit-cover-png-002i</a></strong></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002o-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-002o.htm">object-fit-cover-png-002o</a></strong></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002p-5" class="primary">
<td><strong>
<a href="object-fit-cover-png-002p.htm">object-fit-cover-png-002p</a></strong></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-001e.htm">object-fit-cover-svg-001e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-001i.htm">object-fit-cover-svg-001i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-001o.htm">object-fit-cover-svg-001o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-001p.htm">object-fit-cover-svg-001p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-002e.htm">object-fit-cover-svg-002e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-002i.htm">object-fit-cover-svg-002i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-002o.htm">object-fit-cover-svg-002o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-002p.htm">object-fit-cover-svg-002p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-003e.htm">object-fit-cover-svg-003e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-003i.htm">object-fit-cover-svg-003i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-003o.htm">object-fit-cover-svg-003o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-003p.htm">object-fit-cover-svg-003p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-004e.htm">object-fit-cover-svg-004e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-004i.htm">object-fit-cover-svg-004i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-004o.htm">object-fit-cover-svg-004o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-004p.htm">object-fit-cover-svg-004p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-005e.htm">object-fit-cover-svg-005e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-005i.htm">object-fit-cover-svg-005i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-005o.htm">object-fit-cover-svg-005o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-005p.htm">object-fit-cover-svg-005p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006e-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-006e.htm">object-fit-cover-svg-006e</a></strong></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006i-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-006i.htm">object-fit-cover-svg-006i</a></strong></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006o-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-006o.htm">object-fit-cover-svg-006o</a></strong></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006p-5" class="primary">
<td><strong>
<a href="object-fit-cover-svg-006p.htm">object-fit-cover-svg-006p</a></strong></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001c-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-001c.htm">object-fit-fill-png-001c</a></strong></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001e-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-001e.htm">object-fit-fill-png-001e</a></strong></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001i-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-001i.htm">object-fit-fill-png-001i</a></strong></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001o-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-001o.htm">object-fit-fill-png-001o</a></strong></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001p-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-001p.htm">object-fit-fill-png-001p</a></strong></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002c-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-002c.htm">object-fit-fill-png-002c</a></strong></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002e-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-002e.htm">object-fit-fill-png-002e</a></strong></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002i-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-002i.htm">object-fit-fill-png-002i</a></strong></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002o-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-002o.htm">object-fit-fill-png-002o</a></strong></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002p-5" class="primary">
<td><strong>
<a href="object-fit-fill-png-002p.htm">object-fit-fill-png-002p</a></strong></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-001e.htm">object-fit-fill-svg-001e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-001i.htm">object-fit-fill-svg-001i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-001o.htm">object-fit-fill-svg-001o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-001p.htm">object-fit-fill-svg-001p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-002e.htm">object-fit-fill-svg-002e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-002i.htm">object-fit-fill-svg-002i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-002o.htm">object-fit-fill-svg-002o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-002p.htm">object-fit-fill-svg-002p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-003e.htm">object-fit-fill-svg-003e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-003i.htm">object-fit-fill-svg-003i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-003o.htm">object-fit-fill-svg-003o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-003p.htm">object-fit-fill-svg-003p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-004e.htm">object-fit-fill-svg-004e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-004i.htm">object-fit-fill-svg-004i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-004o.htm">object-fit-fill-svg-004o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-004p.htm">object-fit-fill-svg-004p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-005e.htm">object-fit-fill-svg-005e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-005i.htm">object-fit-fill-svg-005i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-005o.htm">object-fit-fill-svg-005o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-005p.htm">object-fit-fill-svg-005p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006e-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-006e.htm">object-fit-fill-svg-006e</a></strong></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006i-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-006i.htm">object-fit-fill-svg-006i</a></strong></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006o-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-006o.htm">object-fit-fill-svg-006o</a></strong></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006p-5" class="primary">
<td><strong>
<a href="object-fit-fill-svg-006p.htm">object-fit-fill-svg-006p</a></strong></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001c-5" class="primary">
<td><strong>
<a href="object-fit-none-png-001c.htm">object-fit-none-png-001c</a></strong></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001e-5" class="primary">
<td><strong>
<a href="object-fit-none-png-001e.htm">object-fit-none-png-001e</a></strong></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001i-5" class="primary">
<td><strong>
<a href="object-fit-none-png-001i.htm">object-fit-none-png-001i</a></strong></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001o-5" class="primary">
<td><strong>
<a href="object-fit-none-png-001o.htm">object-fit-none-png-001o</a></strong></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001p-5" class="primary">
<td><strong>
<a href="object-fit-none-png-001p.htm">object-fit-none-png-001p</a></strong></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002c-5" class="primary">
<td><strong>
<a href="object-fit-none-png-002c.htm">object-fit-none-png-002c</a></strong></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002e-5" class="primary">
<td><strong>
<a href="object-fit-none-png-002e.htm">object-fit-none-png-002e</a></strong></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002i-5" class="primary">
<td><strong>
<a href="object-fit-none-png-002i.htm">object-fit-none-png-002i</a></strong></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002o-5" class="primary">
<td><strong>
<a href="object-fit-none-png-002o.htm">object-fit-none-png-002o</a></strong></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002p-5" class="primary">
<td><strong>
<a href="object-fit-none-png-002p.htm">object-fit-none-png-002p</a></strong></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-001e.htm">object-fit-none-svg-001e</a></strong></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-001i.htm">object-fit-none-svg-001i</a></strong></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-001o.htm">object-fit-none-svg-001o</a></strong></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-001p.htm">object-fit-none-svg-001p</a></strong></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-002e.htm">object-fit-none-svg-002e</a></strong></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-002i.htm">object-fit-none-svg-002i</a></strong></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-002o.htm">object-fit-none-svg-002o</a></strong></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-002p.htm">object-fit-none-svg-002p</a></strong></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-003e.htm">object-fit-none-svg-003e</a></strong></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-003i.htm">object-fit-none-svg-003i</a></strong></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-003o.htm">object-fit-none-svg-003o</a></strong></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-003p.htm">object-fit-none-svg-003p</a></strong></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-004e.htm">object-fit-none-svg-004e</a></strong></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-004i.htm">object-fit-none-svg-004i</a></strong></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-004o.htm">object-fit-none-svg-004o</a></strong></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-004p.htm">object-fit-none-svg-004p</a></strong></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-005e.htm">object-fit-none-svg-005e</a></strong></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-005i.htm">object-fit-none-svg-005i</a></strong></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-005o.htm">object-fit-none-svg-005o</a></strong></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-005p.htm">object-fit-none-svg-005p</a></strong></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006e-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-006e.htm">object-fit-none-svg-006e</a></strong></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006i-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-006i.htm">object-fit-none-svg-006i</a></strong></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006o-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-006o.htm">object-fit-none-svg-006o</a></strong></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006p-5" class="primary">
<td><strong>
<a href="object-fit-none-svg-006p.htm">object-fit-none-svg-006p</a></strong></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001c-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-001c.htm">object-fit-scale-down-png-001c</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-001e.htm">object-fit-scale-down-png-001e</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-001i.htm">object-fit-scale-down-png-001i</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-001o.htm">object-fit-scale-down-png-001o</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-001p.htm">object-fit-scale-down-png-001p</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002c-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-002c.htm">object-fit-scale-down-png-002c</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-002e.htm">object-fit-scale-down-png-002e</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-002i.htm">object-fit-scale-down-png-002i</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-002o.htm">object-fit-scale-down-png-002o</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-png-002p.htm">object-fit-scale-down-png-002p</a></strong></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-001e.htm">object-fit-scale-down-svg-001e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-001i.htm">object-fit-scale-down-svg-001i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-001o.htm">object-fit-scale-down-svg-001o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-001p.htm">object-fit-scale-down-svg-001p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-002e.htm">object-fit-scale-down-svg-002e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-002i.htm">object-fit-scale-down-svg-002i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-002o.htm">object-fit-scale-down-svg-002o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-002p.htm">object-fit-scale-down-svg-002p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-003e.htm">object-fit-scale-down-svg-003e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-003i.htm">object-fit-scale-down-svg-003i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-003o.htm">object-fit-scale-down-svg-003o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-003p.htm">object-fit-scale-down-svg-003p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-004e.htm">object-fit-scale-down-svg-004e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-004i.htm">object-fit-scale-down-svg-004i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-004o.htm">object-fit-scale-down-svg-004o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-004p.htm">object-fit-scale-down-svg-004p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-005e.htm">object-fit-scale-down-svg-005e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-005i.htm">object-fit-scale-down-svg-005i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-005o.htm">object-fit-scale-down-svg-005o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-005p.htm">object-fit-scale-down-svg-005p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006e-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-006e.htm">object-fit-scale-down-svg-006e</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006i-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-006i.htm">object-fit-scale-down-svg-006i</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006o-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-006o.htm">object-fit-scale-down-svg-006o</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006p-5" class="primary">
<td><strong>
<a href="object-fit-scale-down-svg-006p.htm">object-fit-scale-down-svg-006p</a></strong></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-position-png-001c-5" class="primary">
<td><strong>
<a href="object-position-png-001c.htm">object-position-png-001c</a></strong></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001e-5" class="primary">
<td><strong>
<a href="object-position-png-001e.htm">object-position-png-001e</a></strong></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001i-5" class="primary">
<td><strong>
<a href="object-position-png-001i.htm">object-position-png-001i</a></strong></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001o-5" class="primary">
<td><strong>
<a href="object-position-png-001o.htm">object-position-png-001o</a></strong></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001p-5" class="primary">
<td><strong>
<a href="object-position-png-001p.htm">object-position-png-001p</a></strong></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002c-5" class="primary">
<td><strong>
<a href="object-position-png-002c.htm">object-position-png-002c</a></strong></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002e-5" class="primary">
<td><strong>
<a href="object-position-png-002e.htm">object-position-png-002e</a></strong></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002i-5" class="primary">
<td><strong>
<a href="object-position-png-002i.htm">object-position-png-002i</a></strong></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002o-5" class="primary">
<td><strong>
<a href="object-position-png-002o.htm">object-position-png-002o</a></strong></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002p-5" class="primary">
<td><strong>
<a href="object-position-png-002p.htm">object-position-png-002p</a></strong></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001e-5" class="primary">
<td><strong>
<a href="object-position-svg-001e.htm">object-position-svg-001e</a></strong></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001i-5" class="primary">
<td><strong>
<a href="object-position-svg-001i.htm">object-position-svg-001i</a></strong></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001o-5" class="primary">
<td><strong>
<a href="object-position-svg-001o.htm">object-position-svg-001o</a></strong></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001p-5" class="primary">
<td><strong>
<a href="object-position-svg-001p.htm">object-position-svg-001p</a></strong></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002e-5" class="primary">
<td><strong>
<a href="object-position-svg-002e.htm">object-position-svg-002e</a></strong></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002i-5" class="primary">
<td><strong>
<a href="object-position-svg-002i.htm">object-position-svg-002i</a></strong></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002o-5" class="primary">
<td><strong>
<a href="object-position-svg-002o.htm">object-position-svg-002o</a></strong></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002p-5" class="primary">
<td><strong>
<a href="object-position-svg-002p.htm">object-position-svg-002p</a></strong></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
</tbody>
<tbody id="s5.#objects">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css3-images/#sizing-terms">5.1 Object-Sizing Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#concrete-object-size">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#default-object-size">
<!-- 1 tests -->
<tr id="cursor-image-005-nfs-5.1.#default-object-size" class="image interact svg">
<td>
<a href="cursor-image-005-nfs.htm">cursor-image-005-nfs</a></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>Cursor property, url value
<ul class="assert">
<li>Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#intrinsic-aspect-ratio">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#intrinsic-dimensions">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#intrinsic-height">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#intrinsic-width">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#specified-size">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="http://www.w3.org/TR/css3-images/#object-negotiation">5.2 CSS⇋Object Negotiation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3">+</a>
<a href="http://www.w3.org/TR/css3-images/#concrete-size-resolution">5.3 Concrete Object Size Resolution</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3.1">+</a>
<a href="http://www.w3.org/TR/css3-images/#default-sizing">5.3.1 Default Sizing Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.1.#default-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3.2">+</a>
<a href="http://www.w3.org/TR/css3-images/#cover-contain">5.3.2 Cover and Contain Constraint Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.2.#constraint-rectangle">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.2.#contain-constraint">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.2.#cover-constraint">
<!-- 0 tests -->
</tbody>
<tbody id="s5.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.4">+</a>
<a href="http://www.w3.org/TR/css3-images/#object-sizing-examples">5.4 Examples of CSS Object Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.5">+</a>
<a href="http://www.w3.org/TR/css3-images/#the-object-fit">5.5 Sizing Objects: the ‘object-fit’ property</a></th></tr>
<!-- 188 tests -->
<tr id="object-fit-contain-png-001c-5.5" class="">
<td>
<a href="object-fit-contain-png-001c.htm">object-fit-contain-png-001c</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001e-5.5" class="">
<td>
<a href="object-fit-contain-png-001e.htm">object-fit-contain-png-001e</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001i-5.5" class="">
<td>
<a href="object-fit-contain-png-001i.htm">object-fit-contain-png-001i</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001o-5.5" class="">
<td>
<a href="object-fit-contain-png-001o.htm">object-fit-contain-png-001o</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001p-5.5" class="">
<td>
<a href="object-fit-contain-png-001p.htm">object-fit-contain-png-001p</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002c-5.5" class="">
<td>
<a href="object-fit-contain-png-002c.htm">object-fit-contain-png-002c</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002e-5.5" class="">
<td>
<a href="object-fit-contain-png-002e.htm">object-fit-contain-png-002e</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002i-5.5" class="">
<td>
<a href="object-fit-contain-png-002i.htm">object-fit-contain-png-002i</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002o-5.5" class="">
<td>
<a href="object-fit-contain-png-002o.htm">object-fit-contain-png-002o</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002p-5.5" class="">
<td>
<a href="object-fit-contain-png-002p.htm">object-fit-contain-png-002p</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001e-5.5" class="">
<td>
<a href="object-fit-contain-svg-001e.htm">object-fit-contain-svg-001e</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001i-5.5" class="">
<td>
<a href="object-fit-contain-svg-001i.htm">object-fit-contain-svg-001i</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001o-5.5" class="">
<td>
<a href="object-fit-contain-svg-001o.htm">object-fit-contain-svg-001o</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001p-5.5" class="">
<td>
<a href="object-fit-contain-svg-001p.htm">object-fit-contain-svg-001p</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002e-5.5" class="">
<td>
<a href="object-fit-contain-svg-002e.htm">object-fit-contain-svg-002e</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002i-5.5" class="">
<td>
<a href="object-fit-contain-svg-002i.htm">object-fit-contain-svg-002i</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002o-5.5" class="">
<td>
<a href="object-fit-contain-svg-002o.htm">object-fit-contain-svg-002o</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002p-5.5" class="">
<td>
<a href="object-fit-contain-svg-002p.htm">object-fit-contain-svg-002p</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003e-5.5" class="">
<td>
<a href="object-fit-contain-svg-003e.htm">object-fit-contain-svg-003e</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003i-5.5" class="">
<td>
<a href="object-fit-contain-svg-003i.htm">object-fit-contain-svg-003i</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003o-5.5" class="">
<td>
<a href="object-fit-contain-svg-003o.htm">object-fit-contain-svg-003o</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003p-5.5" class="">
<td>
<a href="object-fit-contain-svg-003p.htm">object-fit-contain-svg-003p</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004e-5.5" class="">
<td>
<a href="object-fit-contain-svg-004e.htm">object-fit-contain-svg-004e</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004i-5.5" class="">
<td>
<a href="object-fit-contain-svg-004i.htm">object-fit-contain-svg-004i</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004o-5.5" class="">
<td>
<a href="object-fit-contain-svg-004o.htm">object-fit-contain-svg-004o</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004p-5.5" class="">
<td>
<a href="object-fit-contain-svg-004p.htm">object-fit-contain-svg-004p</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005e-5.5" class="">
<td>
<a href="object-fit-contain-svg-005e.htm">object-fit-contain-svg-005e</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005i-5.5" class="">
<td>
<a href="object-fit-contain-svg-005i.htm">object-fit-contain-svg-005i</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005o-5.5" class="">
<td>
<a href="object-fit-contain-svg-005o.htm">object-fit-contain-svg-005o</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005p-5.5" class="">
<td>
<a href="object-fit-contain-svg-005p.htm">object-fit-contain-svg-005p</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006e-5.5" class="">
<td>
<a href="object-fit-contain-svg-006e.htm">object-fit-contain-svg-006e</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006i-5.5" class="">
<td>
<a href="object-fit-contain-svg-006i.htm">object-fit-contain-svg-006i</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006o-5.5" class="">
<td>
<a href="object-fit-contain-svg-006o.htm">object-fit-contain-svg-006o</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006p-5.5" class="">
<td>
<a href="object-fit-contain-svg-006p.htm">object-fit-contain-svg-006p</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001c-5.5" class="">
<td>
<a href="object-fit-cover-png-001c.htm">object-fit-cover-png-001c</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001e-5.5" class="">
<td>
<a href="object-fit-cover-png-001e.htm">object-fit-cover-png-001e</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001i-5.5" class="">
<td>
<a href="object-fit-cover-png-001i.htm">object-fit-cover-png-001i</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001o-5.5" class="">
<td>
<a href="object-fit-cover-png-001o.htm">object-fit-cover-png-001o</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001p-5.5" class="">
<td>
<a href="object-fit-cover-png-001p.htm">object-fit-cover-png-001p</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002c-5.5" class="">
<td>
<a href="object-fit-cover-png-002c.htm">object-fit-cover-png-002c</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002e-5.5" class="">
<td>
<a href="object-fit-cover-png-002e.htm">object-fit-cover-png-002e</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002i-5.5" class="">
<td>
<a href="object-fit-cover-png-002i.htm">object-fit-cover-png-002i</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002o-5.5" class="">
<td>
<a href="object-fit-cover-png-002o.htm">object-fit-cover-png-002o</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002p-5.5" class="">
<td>
<a href="object-fit-cover-png-002p.htm">object-fit-cover-png-002p</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001e-5.5" class="">
<td>
<a href="object-fit-cover-svg-001e.htm">object-fit-cover-svg-001e</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001i-5.5" class="">
<td>
<a href="object-fit-cover-svg-001i.htm">object-fit-cover-svg-001i</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001o-5.5" class="">
<td>
<a href="object-fit-cover-svg-001o.htm">object-fit-cover-svg-001o</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001p-5.5" class="">
<td>
<a href="object-fit-cover-svg-001p.htm">object-fit-cover-svg-001p</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002e-5.5" class="">
<td>
<a href="object-fit-cover-svg-002e.htm">object-fit-cover-svg-002e</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002i-5.5" class="">
<td>
<a href="object-fit-cover-svg-002i.htm">object-fit-cover-svg-002i</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002o-5.5" class="">
<td>
<a href="object-fit-cover-svg-002o.htm">object-fit-cover-svg-002o</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002p-5.5" class="">
<td>
<a href="object-fit-cover-svg-002p.htm">object-fit-cover-svg-002p</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003e-5.5" class="">
<td>
<a href="object-fit-cover-svg-003e.htm">object-fit-cover-svg-003e</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003i-5.5" class="">
<td>
<a href="object-fit-cover-svg-003i.htm">object-fit-cover-svg-003i</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003o-5.5" class="">
<td>
<a href="object-fit-cover-svg-003o.htm">object-fit-cover-svg-003o</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003p-5.5" class="">
<td>
<a href="object-fit-cover-svg-003p.htm">object-fit-cover-svg-003p</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004e-5.5" class="">
<td>
<a href="object-fit-cover-svg-004e.htm">object-fit-cover-svg-004e</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004i-5.5" class="">
<td>
<a href="object-fit-cover-svg-004i.htm">object-fit-cover-svg-004i</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004o-5.5" class="">
<td>
<a href="object-fit-cover-svg-004o.htm">object-fit-cover-svg-004o</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004p-5.5" class="">
<td>
<a href="object-fit-cover-svg-004p.htm">object-fit-cover-svg-004p</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005e-5.5" class="">
<td>
<a href="object-fit-cover-svg-005e.htm">object-fit-cover-svg-005e</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005i-5.5" class="">
<td>
<a href="object-fit-cover-svg-005i.htm">object-fit-cover-svg-005i</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005o-5.5" class="">
<td>
<a href="object-fit-cover-svg-005o.htm">object-fit-cover-svg-005o</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005p-5.5" class="">
<td>
<a href="object-fit-cover-svg-005p.htm">object-fit-cover-svg-005p</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006e-5.5" class="">
<td>
<a href="object-fit-cover-svg-006e.htm">object-fit-cover-svg-006e</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006i-5.5" class="">
<td>
<a href="object-fit-cover-svg-006i.htm">object-fit-cover-svg-006i</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006o-5.5" class="">
<td>
<a href="object-fit-cover-svg-006o.htm">object-fit-cover-svg-006o</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006p-5.5" class="">
<td>
<a href="object-fit-cover-svg-006p.htm">object-fit-cover-svg-006p</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001c-5.5" class="">
<td>
<a href="object-fit-fill-png-001c.htm">object-fit-fill-png-001c</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001e-5.5" class="">
<td>
<a href="object-fit-fill-png-001e.htm">object-fit-fill-png-001e</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001i-5.5" class="">
<td>
<a href="object-fit-fill-png-001i.htm">object-fit-fill-png-001i</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001o-5.5" class="">
<td>
<a href="object-fit-fill-png-001o.htm">object-fit-fill-png-001o</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001p-5.5" class="">
<td>
<a href="object-fit-fill-png-001p.htm">object-fit-fill-png-001p</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002c-5.5" class="">
<td>
<a href="object-fit-fill-png-002c.htm">object-fit-fill-png-002c</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002e-5.5" class="">
<td>
<a href="object-fit-fill-png-002e.htm">object-fit-fill-png-002e</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002i-5.5" class="">
<td>
<a href="object-fit-fill-png-002i.htm">object-fit-fill-png-002i</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002o-5.5" class="">
<td>
<a href="object-fit-fill-png-002o.htm">object-fit-fill-png-002o</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002p-5.5" class="">
<td>
<a href="object-fit-fill-png-002p.htm">object-fit-fill-png-002p</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001e-5.5" class="">
<td>
<a href="object-fit-fill-svg-001e.htm">object-fit-fill-svg-001e</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001i-5.5" class="">
<td>
<a href="object-fit-fill-svg-001i.htm">object-fit-fill-svg-001i</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001o-5.5" class="">
<td>
<a href="object-fit-fill-svg-001o.htm">object-fit-fill-svg-001o</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001p-5.5" class="">
<td>
<a href="object-fit-fill-svg-001p.htm">object-fit-fill-svg-001p</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002e-5.5" class="">
<td>
<a href="object-fit-fill-svg-002e.htm">object-fit-fill-svg-002e</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002i-5.5" class="">
<td>
<a href="object-fit-fill-svg-002i.htm">object-fit-fill-svg-002i</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002o-5.5" class="">
<td>
<a href="object-fit-fill-svg-002o.htm">object-fit-fill-svg-002o</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002p-5.5" class="">
<td>
<a href="object-fit-fill-svg-002p.htm">object-fit-fill-svg-002p</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003e-5.5" class="">
<td>
<a href="object-fit-fill-svg-003e.htm">object-fit-fill-svg-003e</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003i-5.5" class="">
<td>
<a href="object-fit-fill-svg-003i.htm">object-fit-fill-svg-003i</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003o-5.5" class="">
<td>
<a href="object-fit-fill-svg-003o.htm">object-fit-fill-svg-003o</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003p-5.5" class="">
<td>
<a href="object-fit-fill-svg-003p.htm">object-fit-fill-svg-003p</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004e-5.5" class="">
<td>
<a href="object-fit-fill-svg-004e.htm">object-fit-fill-svg-004e</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004i-5.5" class="">
<td>
<a href="object-fit-fill-svg-004i.htm">object-fit-fill-svg-004i</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004o-5.5" class="">
<td>
<a href="object-fit-fill-svg-004o.htm">object-fit-fill-svg-004o</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004p-5.5" class="">
<td>
<a href="object-fit-fill-svg-004p.htm">object-fit-fill-svg-004p</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005e-5.5" class="">
<td>
<a href="object-fit-fill-svg-005e.htm">object-fit-fill-svg-005e</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005i-5.5" class="">
<td>
<a href="object-fit-fill-svg-005i.htm">object-fit-fill-svg-005i</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005o-5.5" class="">
<td>
<a href="object-fit-fill-svg-005o.htm">object-fit-fill-svg-005o</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005p-5.5" class="">
<td>
<a href="object-fit-fill-svg-005p.htm">object-fit-fill-svg-005p</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006e-5.5" class="">
<td>
<a href="object-fit-fill-svg-006e.htm">object-fit-fill-svg-006e</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006i-5.5" class="">
<td>
<a href="object-fit-fill-svg-006i.htm">object-fit-fill-svg-006i</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006o-5.5" class="">
<td>
<a href="object-fit-fill-svg-006o.htm">object-fit-fill-svg-006o</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006p-5.5" class="">
<td>
<a href="object-fit-fill-svg-006p.htm">object-fit-fill-svg-006p</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001c-5.5" class="">
<td>
<a href="object-fit-none-png-001c.htm">object-fit-none-png-001c</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001e-5.5" class="">
<td>
<a href="object-fit-none-png-001e.htm">object-fit-none-png-001e</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001i-5.5" class="">
<td>
<a href="object-fit-none-png-001i.htm">object-fit-none-png-001i</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001o-5.5" class="">
<td>
<a href="object-fit-none-png-001o.htm">object-fit-none-png-001o</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001p-5.5" class="">
<td>
<a href="object-fit-none-png-001p.htm">object-fit-none-png-001p</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002c-5.5" class="">
<td>
<a href="object-fit-none-png-002c.htm">object-fit-none-png-002c</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002e-5.5" class="">
<td>
<a href="object-fit-none-png-002e.htm">object-fit-none-png-002e</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002i-5.5" class="">
<td>
<a href="object-fit-none-png-002i.htm">object-fit-none-png-002i</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002o-5.5" class="">
<td>
<a href="object-fit-none-png-002o.htm">object-fit-none-png-002o</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002p-5.5" class="">
<td>
<a href="object-fit-none-png-002p.htm">object-fit-none-png-002p</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001e-5.5" class="">
<td>
<a href="object-fit-none-svg-001e.htm">object-fit-none-svg-001e</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001i-5.5" class="">
<td>
<a href="object-fit-none-svg-001i.htm">object-fit-none-svg-001i</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001o-5.5" class="">
<td>
<a href="object-fit-none-svg-001o.htm">object-fit-none-svg-001o</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001p-5.5" class="">
<td>
<a href="object-fit-none-svg-001p.htm">object-fit-none-svg-001p</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002e-5.5" class="">
<td>
<a href="object-fit-none-svg-002e.htm">object-fit-none-svg-002e</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002i-5.5" class="">
<td>
<a href="object-fit-none-svg-002i.htm">object-fit-none-svg-002i</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002o-5.5" class="">
<td>
<a href="object-fit-none-svg-002o.htm">object-fit-none-svg-002o</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002p-5.5" class="">
<td>
<a href="object-fit-none-svg-002p.htm">object-fit-none-svg-002p</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003e-5.5" class="">
<td>
<a href="object-fit-none-svg-003e.htm">object-fit-none-svg-003e</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003i-5.5" class="">
<td>
<a href="object-fit-none-svg-003i.htm">object-fit-none-svg-003i</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003o-5.5" class="">
<td>
<a href="object-fit-none-svg-003o.htm">object-fit-none-svg-003o</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003p-5.5" class="">
<td>
<a href="object-fit-none-svg-003p.htm">object-fit-none-svg-003p</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004e-5.5" class="">
<td>
<a href="object-fit-none-svg-004e.htm">object-fit-none-svg-004e</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004i-5.5" class="">
<td>
<a href="object-fit-none-svg-004i.htm">object-fit-none-svg-004i</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004o-5.5" class="">
<td>
<a href="object-fit-none-svg-004o.htm">object-fit-none-svg-004o</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004p-5.5" class="">
<td>
<a href="object-fit-none-svg-004p.htm">object-fit-none-svg-004p</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005e-5.5" class="">
<td>
<a href="object-fit-none-svg-005e.htm">object-fit-none-svg-005e</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005i-5.5" class="">
<td>
<a href="object-fit-none-svg-005i.htm">object-fit-none-svg-005i</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005o-5.5" class="">
<td>
<a href="object-fit-none-svg-005o.htm">object-fit-none-svg-005o</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005p-5.5" class="">
<td>
<a href="object-fit-none-svg-005p.htm">object-fit-none-svg-005p</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006e-5.5" class="">
<td>
<a href="object-fit-none-svg-006e.htm">object-fit-none-svg-006e</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006i-5.5" class="">
<td>
<a href="object-fit-none-svg-006i.htm">object-fit-none-svg-006i</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006o-5.5" class="">
<td>
<a href="object-fit-none-svg-006o.htm">object-fit-none-svg-006o</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006p-5.5" class="">
<td>
<a href="object-fit-none-svg-006p.htm">object-fit-none-svg-006p</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001c-5.5" class="">
<td>
<a href="object-fit-scale-down-png-001c.htm">object-fit-scale-down-png-001c</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001e-5.5" class="">
<td>
<a href="object-fit-scale-down-png-001e.htm">object-fit-scale-down-png-001e</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001i-5.5" class="">
<td>
<a href="object-fit-scale-down-png-001i.htm">object-fit-scale-down-png-001i</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001o-5.5" class="">
<td>
<a href="object-fit-scale-down-png-001o.htm">object-fit-scale-down-png-001o</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001p-5.5" class="">
<td>
<a href="object-fit-scale-down-png-001p.htm">object-fit-scale-down-png-001p</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002c-5.5" class="">
<td>
<a href="object-fit-scale-down-png-002c.htm">object-fit-scale-down-png-002c</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002e-5.5" class="">
<td>
<a href="object-fit-scale-down-png-002e.htm">object-fit-scale-down-png-002e</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002i-5.5" class="">
<td>
<a href="object-fit-scale-down-png-002i.htm">object-fit-scale-down-png-002i</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002o-5.5" class="">
<td>
<a href="object-fit-scale-down-png-002o.htm">object-fit-scale-down-png-002o</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002p-5.5" class="">
<td>
<a href="object-fit-scale-down-png-002p.htm">object-fit-scale-down-png-002p</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-001e.htm">object-fit-scale-down-svg-001e</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-001i.htm">object-fit-scale-down-svg-001i</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-001o.htm">object-fit-scale-down-svg-001o</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-001p.htm">object-fit-scale-down-svg-001p</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-002e.htm">object-fit-scale-down-svg-002e</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-002i.htm">object-fit-scale-down-svg-002i</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-002o.htm">object-fit-scale-down-svg-002o</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-002p.htm">object-fit-scale-down-svg-002p</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-003e.htm">object-fit-scale-down-svg-003e</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-003i.htm">object-fit-scale-down-svg-003i</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-003o.htm">object-fit-scale-down-svg-003o</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-003p.htm">object-fit-scale-down-svg-003p</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-004e.htm">object-fit-scale-down-svg-004e</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-004i.htm">object-fit-scale-down-svg-004i</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-004o.htm">object-fit-scale-down-svg-004o</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-004p.htm">object-fit-scale-down-svg-004p</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-005e.htm">object-fit-scale-down-svg-005e</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-005i.htm">object-fit-scale-down-svg-005i</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-005o.htm">object-fit-scale-down-svg-005o</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-005p.htm">object-fit-scale-down-svg-005p</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006e-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-006e.htm">object-fit-scale-down-svg-006e</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006i-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-006i.htm">object-fit-scale-down-svg-006i</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006o-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-006o.htm">object-fit-scale-down-svg-006o</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006p-5.5" class="">
<td>
<a href="object-fit-scale-down-svg-006p.htm">object-fit-scale-down-svg-006p</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-position-png-001c-5.5" class="">
<td>
<a href="object-position-png-001c.htm">object-position-png-001c</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001e-5.5" class="">
<td>
<a href="object-position-png-001e.htm">object-position-png-001e</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001i-5.5" class="">
<td>
<a href="object-position-png-001i.htm">object-position-png-001i</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001o-5.5" class="">
<td>
<a href="object-position-png-001o.htm">object-position-png-001o</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001p-5.5" class="">
<td>
<a href="object-position-png-001p.htm">object-position-png-001p</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002c-5.5" class="">
<td>
<a href="object-position-png-002c.htm">object-position-png-002c</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002e-5.5" class="">
<td>
<a href="object-position-png-002e.htm">object-position-png-002e</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002i-5.5" class="">
<td>
<a href="object-position-png-002i.htm">object-position-png-002i</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002o-5.5" class="">
<td>
<a href="object-position-png-002o.htm">object-position-png-002o</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002p-5.5" class="">
<td>
<a href="object-position-png-002p.htm">object-position-png-002p</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001e-5.5" class="">
<td>
<a href="object-position-svg-001e.htm">object-position-svg-001e</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001i-5.5" class="">
<td>
<a href="object-position-svg-001i.htm">object-position-svg-001i</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001o-5.5" class="">
<td>
<a href="object-position-svg-001o.htm">object-position-svg-001o</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001p-5.5" class="">
<td>
<a href="object-position-svg-001p.htm">object-position-svg-001p</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002e-5.5" class="">
<td>
<a href="object-position-svg-002e.htm">object-position-svg-002e</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002i-5.5" class="">
<td>
<a href="object-position-svg-002i.htm">object-position-svg-002i</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002o-5.5" class="">
<td>
<a href="object-position-svg-002o.htm">object-position-svg-002o</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002p-5.5" class="">
<td>
<a href="object-position-svg-002p.htm">object-position-svg-002p</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
</tbody>
<tbody id="s5.5.#object-fit">
<!-- 2 tests -->
<tr id="image-fit-001-5.5.#object-fit" class="primary">
<td><strong>
<a href="image-fit-001.htm">image-fit-001</a></strong></td>
<td></td>
<td></td>
<td>Object Fit - initial value
<ul class="assert">
<li>The initial value of the 'object-fit' property is 'fill'.</li>
</ul>
</td>
</tr>
<tr id="image-fit-006-5.5.#object-fit" class="primary">
<td><strong>
<a href="image-fit-006.htm">image-fit-006</a></strong></td>
<td></td>
<td></td>
<td>Object Fit - 'fill', explicit 'height'/'width'
<ul class="assert">
<li>The 'fill' value of the 'object-fit' property does not affect the usual calculation of the used 'height' and 'width.</li>
<li>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'.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.6">+</a>
<a href="http://www.w3.org/TR/css3-images/#the-object-position">5.6 Positioning Objects: the ‘object-position’ property</a></th></tr>
<!-- 188 tests -->
<tr id="object-fit-contain-png-001c-5.6" class="">
<td>
<a href="object-fit-contain-png-001c.htm">object-fit-contain-png-001c</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001e-5.6" class="">
<td>
<a href="object-fit-contain-png-001e.htm">object-fit-contain-png-001e</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001i-5.6" class="">
<td>
<a href="object-fit-contain-png-001i.htm">object-fit-contain-png-001i</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001o-5.6" class="">
<td>
<a href="object-fit-contain-png-001o.htm">object-fit-contain-png-001o</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-001p-5.6" class="">
<td>
<a href="object-fit-contain-png-001p.htm">object-fit-contain-png-001p</a></td>
<td><a href="reference/object-fit-contain-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002c-5.6" class="">
<td>
<a href="object-fit-contain-png-002c.htm">object-fit-contain-png-002c</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002e-5.6" class="">
<td>
<a href="object-fit-contain-png-002e.htm">object-fit-contain-png-002e</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002i-5.6" class="">
<td>
<a href="object-fit-contain-png-002i.htm">object-fit-contain-png-002i</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002o-5.6" class="">
<td>
<a href="object-fit-contain-png-002o.htm">object-fit-contain-png-002o</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-png-002p-5.6" class="">
<td>
<a href="object-fit-contain-png-002p.htm">object-fit-contain-png-002p</a></td>
<td><a href="reference/object-fit-contain-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001e-5.6" class="">
<td>
<a href="object-fit-contain-svg-001e.htm">object-fit-contain-svg-001e</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001i-5.6" class="">
<td>
<a href="object-fit-contain-svg-001i.htm">object-fit-contain-svg-001i</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001o-5.6" class="">
<td>
<a href="object-fit-contain-svg-001o.htm">object-fit-contain-svg-001o</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-001p-5.6" class="">
<td>
<a href="object-fit-contain-svg-001p.htm">object-fit-contain-svg-001p</a></td>
<td><a href="reference/object-fit-contain-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002e-5.6" class="">
<td>
<a href="object-fit-contain-svg-002e.htm">object-fit-contain-svg-002e</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002i-5.6" class="">
<td>
<a href="object-fit-contain-svg-002i.htm">object-fit-contain-svg-002i</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002o-5.6" class="">
<td>
<a href="object-fit-contain-svg-002o.htm">object-fit-contain-svg-002o</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-002p-5.6" class="">
<td>
<a href="object-fit-contain-svg-002p.htm">object-fit-contain-svg-002p</a></td>
<td><a href="reference/object-fit-contain-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003e-5.6" class="">
<td>
<a href="object-fit-contain-svg-003e.htm">object-fit-contain-svg-003e</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003i-5.6" class="">
<td>
<a href="object-fit-contain-svg-003i.htm">object-fit-contain-svg-003i</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003o-5.6" class="">
<td>
<a href="object-fit-contain-svg-003o.htm">object-fit-contain-svg-003o</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-003p-5.6" class="">
<td>
<a href="object-fit-contain-svg-003p.htm">object-fit-contain-svg-003p</a></td>
<td><a href="reference/object-fit-contain-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004e-5.6" class="">
<td>
<a href="object-fit-contain-svg-004e.htm">object-fit-contain-svg-004e</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004i-5.6" class="">
<td>
<a href="object-fit-contain-svg-004i.htm">object-fit-contain-svg-004i</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004o-5.6" class="">
<td>
<a href="object-fit-contain-svg-004o.htm">object-fit-contain-svg-004o</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-004p-5.6" class="">
<td>
<a href="object-fit-contain-svg-004p.htm">object-fit-contain-svg-004p</a></td>
<td><a href="reference/object-fit-contain-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005e-5.6" class="">
<td>
<a href="object-fit-contain-svg-005e.htm">object-fit-contain-svg-005e</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005i-5.6" class="">
<td>
<a href="object-fit-contain-svg-005i.htm">object-fit-contain-svg-005i</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005o-5.6" class="">
<td>
<a href="object-fit-contain-svg-005o.htm">object-fit-contain-svg-005o</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-005p-5.6" class="">
<td>
<a href="object-fit-contain-svg-005p.htm">object-fit-contain-svg-005p</a></td>
<td><a href="reference/object-fit-contain-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006e-5.6" class="">
<td>
<a href="object-fit-contain-svg-006e.htm">object-fit-contain-svg-006e</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006i-5.6" class="">
<td>
<a href="object-fit-contain-svg-006i.htm">object-fit-contain-svg-006i</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006o-5.6" class="">
<td>
<a href="object-fit-contain-svg-006o.htm">object-fit-contain-svg-006o</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-contain-svg-006p-5.6" class="">
<td>
<a href="object-fit-contain-svg-006p.htm">object-fit-contain-svg-006p</a></td>
<td><a href="reference/object-fit-contain-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: contain' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001c-5.6" class="">
<td>
<a href="object-fit-cover-png-001c.htm">object-fit-cover-png-001c</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001e-5.6" class="">
<td>
<a href="object-fit-cover-png-001e.htm">object-fit-cover-png-001e</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001i-5.6" class="">
<td>
<a href="object-fit-cover-png-001i.htm">object-fit-cover-png-001i</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001o-5.6" class="">
<td>
<a href="object-fit-cover-png-001o.htm">object-fit-cover-png-001o</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-001p-5.6" class="">
<td>
<a href="object-fit-cover-png-001p.htm">object-fit-cover-png-001p</a></td>
<td><a href="reference/object-fit-cover-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002c-5.6" class="">
<td>
<a href="object-fit-cover-png-002c.htm">object-fit-cover-png-002c</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002e-5.6" class="">
<td>
<a href="object-fit-cover-png-002e.htm">object-fit-cover-png-002e</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002i-5.6" class="">
<td>
<a href="object-fit-cover-png-002i.htm">object-fit-cover-png-002i</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002o-5.6" class="">
<td>
<a href="object-fit-cover-png-002o.htm">object-fit-cover-png-002o</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-png-002p-5.6" class="">
<td>
<a href="object-fit-cover-png-002p.htm">object-fit-cover-png-002p</a></td>
<td><a href="reference/object-fit-cover-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001e-5.6" class="">
<td>
<a href="object-fit-cover-svg-001e.htm">object-fit-cover-svg-001e</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001i-5.6" class="">
<td>
<a href="object-fit-cover-svg-001i.htm">object-fit-cover-svg-001i</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001o-5.6" class="">
<td>
<a href="object-fit-cover-svg-001o.htm">object-fit-cover-svg-001o</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-001p-5.6" class="">
<td>
<a href="object-fit-cover-svg-001p.htm">object-fit-cover-svg-001p</a></td>
<td><a href="reference/object-fit-cover-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002e-5.6" class="">
<td>
<a href="object-fit-cover-svg-002e.htm">object-fit-cover-svg-002e</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002i-5.6" class="">
<td>
<a href="object-fit-cover-svg-002i.htm">object-fit-cover-svg-002i</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002o-5.6" class="">
<td>
<a href="object-fit-cover-svg-002o.htm">object-fit-cover-svg-002o</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-002p-5.6" class="">
<td>
<a href="object-fit-cover-svg-002p.htm">object-fit-cover-svg-002p</a></td>
<td><a href="reference/object-fit-cover-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003e-5.6" class="">
<td>
<a href="object-fit-cover-svg-003e.htm">object-fit-cover-svg-003e</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003i-5.6" class="">
<td>
<a href="object-fit-cover-svg-003i.htm">object-fit-cover-svg-003i</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003o-5.6" class="">
<td>
<a href="object-fit-cover-svg-003o.htm">object-fit-cover-svg-003o</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-003p-5.6" class="">
<td>
<a href="object-fit-cover-svg-003p.htm">object-fit-cover-svg-003p</a></td>
<td><a href="reference/object-fit-cover-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004e-5.6" class="">
<td>
<a href="object-fit-cover-svg-004e.htm">object-fit-cover-svg-004e</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004i-5.6" class="">
<td>
<a href="object-fit-cover-svg-004i.htm">object-fit-cover-svg-004i</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004o-5.6" class="">
<td>
<a href="object-fit-cover-svg-004o.htm">object-fit-cover-svg-004o</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-004p-5.6" class="">
<td>
<a href="object-fit-cover-svg-004p.htm">object-fit-cover-svg-004p</a></td>
<td><a href="reference/object-fit-cover-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005e-5.6" class="">
<td>
<a href="object-fit-cover-svg-005e.htm">object-fit-cover-svg-005e</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005i-5.6" class="">
<td>
<a href="object-fit-cover-svg-005i.htm">object-fit-cover-svg-005i</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005o-5.6" class="">
<td>
<a href="object-fit-cover-svg-005o.htm">object-fit-cover-svg-005o</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-005p-5.6" class="">
<td>
<a href="object-fit-cover-svg-005p.htm">object-fit-cover-svg-005p</a></td>
<td><a href="reference/object-fit-cover-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006e-5.6" class="">
<td>
<a href="object-fit-cover-svg-006e.htm">object-fit-cover-svg-006e</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006i-5.6" class="">
<td>
<a href="object-fit-cover-svg-006i.htm">object-fit-cover-svg-006i</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006o-5.6" class="">
<td>
<a href="object-fit-cover-svg-006o.htm">object-fit-cover-svg-006o</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-cover-svg-006p-5.6" class="">
<td>
<a href="object-fit-cover-svg-006p.htm">object-fit-cover-svg-006p</a></td>
<td><a href="reference/object-fit-cover-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: cover' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001c-5.6" class="">
<td>
<a href="object-fit-fill-png-001c.htm">object-fit-fill-png-001c</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001e-5.6" class="">
<td>
<a href="object-fit-fill-png-001e.htm">object-fit-fill-png-001e</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001i-5.6" class="">
<td>
<a href="object-fit-fill-png-001i.htm">object-fit-fill-png-001i</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001o-5.6" class="">
<td>
<a href="object-fit-fill-png-001o.htm">object-fit-fill-png-001o</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-001p-5.6" class="">
<td>
<a href="object-fit-fill-png-001p.htm">object-fit-fill-png-001p</a></td>
<td><a href="reference/object-fit-fill-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002c-5.6" class="">
<td>
<a href="object-fit-fill-png-002c.htm">object-fit-fill-png-002c</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002e-5.6" class="">
<td>
<a href="object-fit-fill-png-002e.htm">object-fit-fill-png-002e</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002i-5.6" class="">
<td>
<a href="object-fit-fill-png-002i.htm">object-fit-fill-png-002i</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002o-5.6" class="">
<td>
<a href="object-fit-fill-png-002o.htm">object-fit-fill-png-002o</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-png-002p-5.6" class="">
<td>
<a href="object-fit-fill-png-002p.htm">object-fit-fill-png-002p</a></td>
<td><a href="reference/object-fit-fill-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001e-5.6" class="">
<td>
<a href="object-fit-fill-svg-001e.htm">object-fit-fill-svg-001e</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001i-5.6" class="">
<td>
<a href="object-fit-fill-svg-001i.htm">object-fit-fill-svg-001i</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001o-5.6" class="">
<td>
<a href="object-fit-fill-svg-001o.htm">object-fit-fill-svg-001o</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-001p-5.6" class="">
<td>
<a href="object-fit-fill-svg-001p.htm">object-fit-fill-svg-001p</a></td>
<td><a href="reference/object-fit-fill-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002e-5.6" class="">
<td>
<a href="object-fit-fill-svg-002e.htm">object-fit-fill-svg-002e</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002i-5.6" class="">
<td>
<a href="object-fit-fill-svg-002i.htm">object-fit-fill-svg-002i</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002o-5.6" class="">
<td>
<a href="object-fit-fill-svg-002o.htm">object-fit-fill-svg-002o</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-002p-5.6" class="">
<td>
<a href="object-fit-fill-svg-002p.htm">object-fit-fill-svg-002p</a></td>
<td><a href="reference/object-fit-fill-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003e-5.6" class="">
<td>
<a href="object-fit-fill-svg-003e.htm">object-fit-fill-svg-003e</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003i-5.6" class="">
<td>
<a href="object-fit-fill-svg-003i.htm">object-fit-fill-svg-003i</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003o-5.6" class="">
<td>
<a href="object-fit-fill-svg-003o.htm">object-fit-fill-svg-003o</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-003p-5.6" class="">
<td>
<a href="object-fit-fill-svg-003p.htm">object-fit-fill-svg-003p</a></td>
<td><a href="reference/object-fit-fill-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004e-5.6" class="">
<td>
<a href="object-fit-fill-svg-004e.htm">object-fit-fill-svg-004e</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004i-5.6" class="">
<td>
<a href="object-fit-fill-svg-004i.htm">object-fit-fill-svg-004i</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004o-5.6" class="">
<td>
<a href="object-fit-fill-svg-004o.htm">object-fit-fill-svg-004o</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-004p-5.6" class="">
<td>
<a href="object-fit-fill-svg-004p.htm">object-fit-fill-svg-004p</a></td>
<td><a href="reference/object-fit-fill-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005e-5.6" class="">
<td>
<a href="object-fit-fill-svg-005e.htm">object-fit-fill-svg-005e</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005i-5.6" class="">
<td>
<a href="object-fit-fill-svg-005i.htm">object-fit-fill-svg-005i</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005o-5.6" class="">
<td>
<a href="object-fit-fill-svg-005o.htm">object-fit-fill-svg-005o</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-005p-5.6" class="">
<td>
<a href="object-fit-fill-svg-005p.htm">object-fit-fill-svg-005p</a></td>
<td><a href="reference/object-fit-fill-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006e-5.6" class="">
<td>
<a href="object-fit-fill-svg-006e.htm">object-fit-fill-svg-006e</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006i-5.6" class="">
<td>
<a href="object-fit-fill-svg-006i.htm">object-fit-fill-svg-006i</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006o-5.6" class="">
<td>
<a href="object-fit-fill-svg-006o.htm">object-fit-fill-svg-006o</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-fill-svg-006p-5.6" class="">
<td>
<a href="object-fit-fill-svg-006p.htm">object-fit-fill-svg-006p</a></td>
<td><a href="reference/object-fit-fill-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: fill' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001c-5.6" class="">
<td>
<a href="object-fit-none-png-001c.htm">object-fit-none-png-001c</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001e-5.6" class="">
<td>
<a href="object-fit-none-png-001e.htm">object-fit-none-png-001e</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001i-5.6" class="">
<td>
<a href="object-fit-none-png-001i.htm">object-fit-none-png-001i</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001o-5.6" class="">
<td>
<a href="object-fit-none-png-001o.htm">object-fit-none-png-001o</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-001p-5.6" class="">
<td>
<a href="object-fit-none-png-001p.htm">object-fit-none-png-001p</a></td>
<td><a href="reference/object-fit-none-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002c-5.6" class="">
<td>
<a href="object-fit-none-png-002c.htm">object-fit-none-png-002c</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002e-5.6" class="">
<td>
<a href="object-fit-none-png-002e.htm">object-fit-none-png-002e</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002i-5.6" class="">
<td>
<a href="object-fit-none-png-002i.htm">object-fit-none-png-002i</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002o-5.6" class="">
<td>
<a href="object-fit-none-png-002o.htm">object-fit-none-png-002o</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-png-002p-5.6" class="">
<td>
<a href="object-fit-none-png-002p.htm">object-fit-none-png-002p</a></td>
<td><a href="reference/object-fit-none-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001e-5.6" class="">
<td>
<a href="object-fit-none-svg-001e.htm">object-fit-none-svg-001e</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001i-5.6" class="">
<td>
<a href="object-fit-none-svg-001i.htm">object-fit-none-svg-001i</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001o-5.6" class="">
<td>
<a href="object-fit-none-svg-001o.htm">object-fit-none-svg-001o</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-001p-5.6" class="">
<td>
<a href="object-fit-none-svg-001p.htm">object-fit-none-svg-001p</a></td>
<td><a href="reference/object-fit-none-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002e-5.6" class="">
<td>
<a href="object-fit-none-svg-002e.htm">object-fit-none-svg-002e</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002i-5.6" class="">
<td>
<a href="object-fit-none-svg-002i.htm">object-fit-none-svg-002i</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002o-5.6" class="">
<td>
<a href="object-fit-none-svg-002o.htm">object-fit-none-svg-002o</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-002p-5.6" class="">
<td>
<a href="object-fit-none-svg-002p.htm">object-fit-none-svg-002p</a></td>
<td><a href="reference/object-fit-none-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003e-5.6" class="">
<td>
<a href="object-fit-none-svg-003e.htm">object-fit-none-svg-003e</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003i-5.6" class="">
<td>
<a href="object-fit-none-svg-003i.htm">object-fit-none-svg-003i</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003o-5.6" class="">
<td>
<a href="object-fit-none-svg-003o.htm">object-fit-none-svg-003o</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-003p-5.6" class="">
<td>
<a href="object-fit-none-svg-003p.htm">object-fit-none-svg-003p</a></td>
<td><a href="reference/object-fit-none-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004e-5.6" class="">
<td>
<a href="object-fit-none-svg-004e.htm">object-fit-none-svg-004e</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004i-5.6" class="">
<td>
<a href="object-fit-none-svg-004i.htm">object-fit-none-svg-004i</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004o-5.6" class="">
<td>
<a href="object-fit-none-svg-004o.htm">object-fit-none-svg-004o</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-004p-5.6" class="">
<td>
<a href="object-fit-none-svg-004p.htm">object-fit-none-svg-004p</a></td>
<td><a href="reference/object-fit-none-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005e-5.6" class="">
<td>
<a href="object-fit-none-svg-005e.htm">object-fit-none-svg-005e</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005i-5.6" class="">
<td>
<a href="object-fit-none-svg-005i.htm">object-fit-none-svg-005i</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005o-5.6" class="">
<td>
<a href="object-fit-none-svg-005o.htm">object-fit-none-svg-005o</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-005p-5.6" class="">
<td>
<a href="object-fit-none-svg-005p.htm">object-fit-none-svg-005p</a></td>
<td><a href="reference/object-fit-none-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006e-5.6" class="">
<td>
<a href="object-fit-none-svg-006e.htm">object-fit-none-svg-006e</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006i-5.6" class="">
<td>
<a href="object-fit-none-svg-006i.htm">object-fit-none-svg-006i</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006o-5.6" class="">
<td>
<a href="object-fit-none-svg-006o.htm">object-fit-none-svg-006o</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-none-svg-006p-5.6" class="">
<td>
<a href="object-fit-none-svg-006p.htm">object-fit-none-svg-006p</a></td>
<td><a href="reference/object-fit-none-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: none' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001c-5.6" class="">
<td>
<a href="object-fit-scale-down-png-001c.htm">object-fit-scale-down-png-001c</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001e-5.6" class="">
<td>
<a href="object-fit-scale-down-png-001e.htm">object-fit-scale-down-png-001e</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001i-5.6" class="">
<td>
<a href="object-fit-scale-down-png-001i.htm">object-fit-scale-down-png-001i</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001o-5.6" class="">
<td>
<a href="object-fit-scale-down-png-001o.htm">object-fit-scale-down-png-001o</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-001p-5.6" class="">
<td>
<a href="object-fit-scale-down-png-001p.htm">object-fit-scale-down-png-001p</a></td>
<td><a href="reference/object-fit-scale-down-png-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002c-5.6" class="">
<td>
<a href="object-fit-scale-down-png-002c.htm">object-fit-scale-down-png-002c</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on canvas element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002e-5.6" class="">
<td>
<a href="object-fit-scale-down-png-002e.htm">object-fit-scale-down-png-002e</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002i-5.6" class="">
<td>
<a href="object-fit-scale-down-png-002i.htm">object-fit-scale-down-png-002i</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002o-5.6" class="">
<td>
<a href="object-fit-scale-down-png-002o.htm">object-fit-scale-down-png-002o</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-png-002p-5.6" class="">
<td>
<a href="object-fit-scale-down-png-002p.htm">object-fit-scale-down-png-002p</a></td>
<td><a href="reference/object-fit-scale-down-png-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a PNG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-001e.htm">object-fit-scale-down-svg-001e</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-001i.htm">object-fit-scale-down-svg-001i</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-001o.htm">object-fit-scale-down-svg-001o</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-001p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-001p.htm">object-fit-scale-down-svg-001p</a></td>
<td><a href="reference/object-fit-scale-down-svg-001-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-002e.htm">object-fit-scale-down-svg-002e</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-002i.htm">object-fit-scale-down-svg-002i</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-002o.htm">object-fit-scale-down-svg-002o</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-002p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-002p.htm">object-fit-scale-down-svg-002p</a></td>
<td><a href="reference/object-fit-scale-down-svg-002-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-003e.htm">object-fit-scale-down-svg-003e</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-003i.htm">object-fit-scale-down-svg-003i</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-003o.htm">object-fit-scale-down-svg-003o</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-003p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-003p.htm">object-fit-scale-down-svg-003p</a></td>
<td><a href="reference/object-fit-scale-down-svg-003-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-004e.htm">object-fit-scale-down-svg-004e</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-004i.htm">object-fit-scale-down-svg-004i</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-004o.htm">object-fit-scale-down-svg-004o</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-004p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-004p.htm">object-fit-scale-down-svg-004p</a></td>
<td><a href="reference/object-fit-scale-down-svg-004-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-005e.htm">object-fit-scale-down-svg-005e</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-005i.htm">object-fit-scale-down-svg-005i</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-005o.htm">object-fit-scale-down-svg-005o</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-005p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-005p.htm">object-fit-scale-down-svg-005p</a></td>
<td><a href="reference/object-fit-scale-down-svg-005-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006e-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-006e.htm">object-fit-scale-down-svg-006e</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on embed element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006i-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-006i.htm">object-fit-scale-down-svg-006i</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on img element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006o-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-006o.htm">object-fit-scale-down-svg-006o</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on object element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-fit-scale-down-svg-006p-5.6" class="">
<td>
<a href="object-fit-scale-down-svg-006p.htm">object-fit-scale-down-svg-006p</a></td>
<td><a href="reference/object-fit-scale-down-svg-006-ref.htm">=</a> </td>
<td></td>
<td>'object-fit: scale-down' on video element, with a SVG image and with various 'object-position' values
</td>
</tr>
<tr id="object-position-png-001c-5.6" class="">
<td>
<a href="object-position-png-001c.htm">object-position-png-001c</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001e-5.6" class="">
<td>
<a href="object-position-png-001e.htm">object-position-png-001e</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001i-5.6" class="">
<td>
<a href="object-position-png-001i.htm">object-position-png-001i</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001o-5.6" class="">
<td>
<a href="object-position-png-001o.htm">object-position-png-001o</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-001p-5.6" class="">
<td>
<a href="object-position-png-001p.htm">object-position-png-001p</a></td>
<td><a href="reference/object-position-png-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002c-5.6" class="">
<td>
<a href="object-position-png-002c.htm">object-position-png-002c</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size canvas element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002e-5.6" class="">
<td>
<a href="object-position-png-002e.htm">object-position-png-002e</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002i-5.6" class="">
<td>
<a href="object-position-png-002i.htm">object-position-png-002i</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002o-5.6" class="">
<td>
<a href="object-position-png-002o.htm">object-position-png-002o</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-png-002p-5.6" class="">
<td>
<a href="object-position-png-002p.htm">object-position-png-002p</a></td>
<td><a href="reference/object-position-png-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a PNG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001e-5.6" class="">
<td>
<a href="object-position-svg-001e.htm">object-position-svg-001e</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001i-5.6" class="">
<td>
<a href="object-position-svg-001i.htm">object-position-svg-001i</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001o-5.6" class="">
<td>
<a href="object-position-svg-001o.htm">object-position-svg-001o</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-001p-5.6" class="">
<td>
<a href="object-position-svg-001p.htm">object-position-svg-001p</a></td>
<td><a href="reference/object-position-svg-001-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002e-5.6" class="">
<td>
<a href="object-position-svg-002e.htm">object-position-svg-002e</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size embed element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002i-5.6" class="">
<td>
<a href="object-position-svg-002i.htm">object-position-svg-002i</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size img element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002o-5.6" class="">
<td>
<a href="object-position-svg-002o.htm">object-position-svg-002o</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size object element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
<tr id="object-position-svg-002p-5.6" class="">
<td>
<a href="object-position-svg-002p.htm">object-position-svg-002p</a></td>
<td><a href="reference/object-position-svg-002-ref.htm">=</a> </td>
<td></td>
<td>various 'object-position' values on a fixed-size video element, with a SVG image and 'object-fit:contain'.
</td>
</tr>
</tbody>
<tbody id="s5.6.#object-position">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>