layers-004-print.html (639B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="match" href="layers-004-print-ref.html"/> 4 <link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering"> 5 <style> 6 @layer layer2, layer1; 7 @page b{ 8 margin: 3cm; 9 } 10 @layer layer1 { 11 @page b { 12 margin: 1cm; 13 } 14 @page :first { 15 margin: 0cm; 16 } 17 } 18 @layer layer2 { 19 @page b { 20 margin: 0; 21 } 22 @page a:first { 23 margin: 2cm; 24 } 25 } 26 div { 27 width: 1cm; 28 height: 1cm; 29 border: 2px solid red; 30 } 31 </style> 32 <body> 33 <div style="page: a; border-color: lightblue"></div> 34 <div style="page: b; border-color: pink"></div> 35 </body> 36 </html>