cascading-001-ref.html (900B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Logical Properties Cascading Reference</title> 6 <link rel="author" title="Manish Goregaokar" href="mailto:manishearth@gmail.com"> 7 <style> 8 div { 9 writing-mode: horizontal-tb; 10 direction: ltr; 11 background-color: blue; 12 } 13 .horizontal { 14 width: 100px; 15 height: 10px; 16 } 17 #horizontal { 18 width: 100px; 19 height: 10px; 20 } 21 .vertical { 22 width: 10px; 23 height: 100px; 24 } 25 #vertical { 26 width: 10px; 27 height: 100px; 28 } 29 </style> 30 </head> 31 <body> 32 <p>Test passes if there are two vertical blue boxes followed by two horizontal blue boxes.</p> 33 34 <div class="horizontal" id="vertical"></div><br> 35 <div class="horizontal" id="vertical"></div><br> 36 <div class="vertical" id="horizontal"></div><br> 37 <div class="vertical" id="horizontal"></div><br> 38 </body> 39 </html>