position-try-ident-function.html (1193B)
1 <!DOCTYPE html> 2 <title>CSS Anchor Positioning: The ident() function in @position-try/position-try</title> 3 <link rel="help" href="https://drafts.csswg.org/css-values-5/#ident"> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#fallback-rule"> 5 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#position-try-fallbacks"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/css/support/computed-testcommon.js"></script> 9 <div id=target></div> 10 <script> 11 let actual_ident = 'ident("--myident" calc(42 * sign(1em - 1px)))'; 12 let expected_ident = '--myident42'; 13 14 // https://drafts.csswg.org/css-anchor-position-1/#position-try-fallbacks 15 test_computed_value('position-try-fallbacks', actual_ident, expected_ident); 16 test_computed_value('position-try-fallbacks', `flip-block, ${actual_ident}`, 17 `flip-block, ${expected_ident}`); 18 19 // https://drafts.csswg.org/css-anchor-position-1/#position-try-prop 20 test_computed_value('position-try', actual_ident, expected_ident); 21 test_computed_value('position-try', `most-width ${actual_ident}`, 22 `most-width ${expected_ident}`); 23 </script>