logical-props-002.html (1182B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>writing-modes and logical props: tbody</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://www.w3.org/TR/css-logical-1/#box"> 6 <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#placement"> 7 <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#block-flow"> 8 <link rel="match" href="reference/logical-props-001-ref.html"> 9 <meta name="assert" content="The logical properties on table row groups are resolved taking the writing mode of the element into account, 10 even though the writing mode property does not apply to that element."> 11 <style> 12 table { border-collapse: collapse; } 13 td { 14 padding: 0; 15 height: 100px; 16 width: 100px; 17 } 18 tbody { 19 writing-mode: vertical-rl; 20 border-inline-start: 5px green solid; 21 } 22 23 .red { 24 position: absolute; 25 width: 100px; 26 height: 5px; 27 background: red; 28 z-index: -1; 29 } 30 31 </style> 32 <body> 33 <p>Test passes if there is a <strong>horizontal green stripe</strong> below and <strong>no red</strong>. 34 <div class=red></div> 35 <table><tbody><tr><td> </td></tr></tbody></table> 36 </body>