aspect-ratio-computed.html (1242B)
1 <!DOCTYPE html> 2 <title>CSS aspect-ratio Test: aspect-ratio with computed values</title> 3 <link rel="author" title="Google LLC" href="https://www.google.com/"> 4 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio"> 5 <meta name="assert" content="aspect-ratio supports the full grammar '[auto | <ratio>]'."> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/css/support/computed-testcommon.js"></script> 9 10 <div id=target></div> 11 <div id=scratch></div> 12 <script> 13 14 test_computed_value("aspect-ratio", "auto"); 15 test_computed_value("aspect-ratio", "1", "1 / 1"); 16 test_computed_value("aspect-ratio", "1.3", "1.3 / 1"); 17 test_computed_value("aspect-ratio", "1 / 1", "1 / 1"); 18 test_computed_value("aspect-ratio", "16 / 9"); 19 test_computed_value("aspect-ratio", "16.3 / 9.5"); 20 test_computed_value("aspect-ratio", "16/9", "16 / 9"); 21 test_computed_value("aspect-ratio", "0 / 9"); 22 test_computed_value("aspect-ratio", "16 / 0"); 23 test_computed_value("aspect-ratio", "auto 1", "auto 1 / 1"); 24 test_computed_value("aspect-ratio", "auto 1 / 1", "auto 1 / 1"); 25 test_computed_value("aspect-ratio", "0 auto", "auto 0 / 1"); 26 test_computed_value("aspect-ratio", "0 / 0"); 27 </script>