logical-props-003.html (1180B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>writing-modes and logical props: col</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 columns 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 col { 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><col><tbody><tr><td> </td></tr></tbody></table> 36 </body>