object-view-box-fit-none-template.html (901B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS object-view-box with object-fit:none</title> 4 <link rel="author" href="mailto:khushalsagar@chromium.org"> 5 <link rel="match" href="object-view-box-fit-none-__NAME__-ref.html"> 6 <script src="support/testHelper.js"></script> 7 <link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box"> 8 9 <body> 10 <style> 11 .view_box_subset { 12 width: 50px; 13 height: 100px; 14 object-view-box: inset(50px 0px 0px 0px); 15 object-fit: none; 16 background-color: grey; 17 margin: 5px; 18 } 19 20 .view_box_subset_with_position { 21 width: 50px; 22 height: 100px; 23 object-view-box: inset(50px 0px 0px 0px); 24 object-fit: none; 25 background-color: grey; 26 margin: 5px; 27 object-position: 10px 10px; 28 } 29 </style> 30 </body> 31 <__TAG__ class="view_box_subset"></__TAG__> 32 <__TAG__ class="view_box_subset_with_position"></__TAG__> 33 </body> 34 <script> 35 populateElements("__IMAGE_SOURCE__"); 36 </script>