container-ident-function.html (1119B)
1 <!DOCTYPE html> 2 <title>CSS Conditional: The ident() function in @container/container-name</title> 3 <link rel="help" href="https://drafts.csswg.org/css-values-5/#ident"> 4 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-rule"> 5 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-name"> 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-conditional-5/#container-name 15 test_computed_value('container-name', actual_ident, expected_ident); 16 test_computed_value('container-name', `--c ${actual_ident}`, 17 `--c ${expected_ident}`); 18 19 // https://drafts.csswg.org/css-conditional-5/#container-shorthand 20 test_computed_value('container', actual_ident, expected_ident); 21 test_computed_value('container', `--c ${actual_ident} / size`, 22 `--c ${expected_ident} / size`); 23 24 </script>