block-001-wm-vrl-ref.html (879B)
1 <!DOCTYPE html> 2 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 3 <meta name="flags" content="paged"> 4 <html> 5 <style> 6 @page { 7 size: 5in 3in; 8 margin: 0.5in; 9 } 10 11 html,body { 12 color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0; 13 writing-mode: vertical-rl; 14 } 15 html { block-size: 40vw; } 16 17 .b { 18 box-sizing: border-box; 19 inline-size: 50vh; 20 border: 5px solid black; 21 border-block-start-color: blue; 22 border-inline-start-color: lime; 23 margin-inline-start: 20px; 24 } 25 26 .b1 { 27 block-size: 100vw; 28 border-block-end-style: none; 29 } 30 31 .b2 { 32 block-size: 100vw; 33 border-block-start-style: none; 34 border-block-end-style: none; 35 } 36 37 .b3 { 38 block-size: 10vw; 39 border-block-start-style: none; 40 margin-block-end: -20px; 41 } 42 </style> 43 <body> 44 <div class="b b1"></div> 45 <div class="b b2"></div> 46 <div class="b b3"></div> 47 </body> 48 </html>