border-vlr-rtl.https.html (1006B)
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: vertical-lr; 9 direction: rtl; 10 background: red; 11 box-sizing: border-box; 12 height: 100px; 13 14 --edges-inline-start-expected: 0; 15 --edges-inline-end-expected: 10; 16 --edges-block-start-expected: 20; 17 --edges-block-end-expected: 8; 18 19 font-size: 8px; 20 21 border-color: transparent; 22 border-style: solid; 23 border-width: 10px 1em 0 20px; 24 } 25 26 @supports (display: layout(test)) { 27 .test { 28 display: layout(test); 29 background: green; 30 } 31 } 32 </style> 33 <script src="/common/reftest-wait.js"></script> 34 <script src="/common/worklet-reftest.js"></script> 35 36 <div class="test"></div> 37 <script> 38 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/edges.js'}); 39 </script>