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