border-htb.https.html (989B)
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 border 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 border-color: transparent; 21 border-style: solid; 22 border-width: 10px 1em 0 20px; 23 } 24 25 @supports (display: layout(test)) { 26 .test { 27 display: layout(test); 28 background: green; 29 } 30 } 31 </style> 32 <script src="/common/reftest-wait.js"></script> 33 <script src="/common/worklet-reftest.js"></script> 34 35 <div class="test"></div> 36 <script> 37 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/edges.js'}); 38 </script>