padding-vrl-rtl.https.html (950B)
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: vertical-rl; 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: 8; 17 --edges-block-end-expected: 20; 18 19 font-size: 8px; 20 21 padding: 10px 1em 0 20px; 22 } 23 24 @supports (display: layout(test)) { 25 .test { 26 display: layout(test); 27 background: green; 28 } 29 } 30 </style> 31 <script src="/common/reftest-wait.js"></script> 32 <script src="/common/worklet-reftest.js"></script> 33 34 <div class="test"></div> 35 <script> 36 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/edges.js'}); 37 </script>