padding-htb.https.html (933B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#dom-layoutedges"> 4 <link rel="match" href="../green-square-ref.html"> 5 <meta name="assert" content="This test checks that padding sizes are passed to the layout correctly." /> 6 <style> 7 .test { 8 writing-mode: horizontal-tb; 9 background: red; 10 box-sizing: border-box; 11 width: 100px; 12 13 --edges-inline-start-expected: 20; 14 --edges-inline-end-expected: 8; 15 --edges-block-start-expected: 10; 16 --edges-block-end-expected: 0; 17 18 font-size: 8px; 19 20 padding: 10px 1em 0 20px; 21 } 22 23 @supports (display: layout(test)) { 24 .test { 25 display: layout(test); 26 background: green; 27 } 28 } 29 </style> 30 <script src="/common/reftest-wait.js"></script> 31 <script src="/common/worklet-reftest.js"></script> 32 33 <div class="test"></div> 34 <script> 35 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/edges.js'}); 36 </script>