<!doctype html> <title>The hr element</title> <script src=/resources/testharness.js></script> <script src=/resources/testharnessreport.js></script> <style> #ref { display: block; unicode-bidi: isolate; color: gray; border-style: inset; border-width: 1px; margin: 0.5em auto; /* TODO: uncomment this when these properties are widely supported margin-block-start: 0.5em; margin-inline-end: auto; margin-block-end: 0.5em; margin-inline-start: auto; */ overflow: hidden; } </style> <hr id=test> <div id=ref></div> <script> setup(() => { self.testStyle = getComputedStyle(document.getElementById('test')); self.refStyle = getComputedStyle(document.getElementById('ref')); }); ['display', 'unicodeBidi', 'color', 'borderTopStyle', 'borderRightStyle', 'borderBottomStyle', 'borderLeftStyle', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'overflow', // Extra tests 'height', 'box-sizing', ].forEach(prop => { test(() => { assert_equals(testStyle[prop], refStyle[prop]); }, prop); }); </script>