body border for all pages - CSS print media

Question

I have an html page with 2 printable pages. I created a media print style border for each page but my code adds a border for the first page only.

What do I need to add to show the border on every page?

Please find my print media CSS below and take a look at my screenshot;

@page {
    size: A4;   /* auto is the initial value */
    margin: 1.54cm 1cm 1.54cm 1cm;
    marks: crop cross;
}
html, body {
    -webkit-print-color-adjust: exact;
    margin:0;
    padding:0;
    height:100%;
    min-height: 100%;
    border: 2px solid #cc0000!IMPORTANT;
}
.contract {
    min-height:100%;
    position:relative;
    height: 100%;
    box-decoration-break: clone;
}
h2, h3 { 
    page-break-after: avoid; 
}

Screenshot with BUG: http://scr.hu/0fbv/5u4qh

That !IMPORTANT in uppercase looks much serious than the one I'm used to (!important). — Alvaro, Nov 15 '16 at 22:14
[possible duplicate] Did you try this? http://stackoverflow.com/questions/32232281/draw-a-border-around-each-page-on-print-css — Winter Soldier, Nov 15 '16 at 22:23

score 0 · Answer 1 · answered Nov 16 '16 at 00:24

0

I was having a similar problem. Here is how I did it: #body { border-style: solid; border-color: red; }

If this doesn't work, try putting the border color directly into the media. Remember to add border-style: solid; first, through.

answered Nov 16 '16 at 00:24

GroxTheProgrammer

431
1
6
12

body border for all pages - CSS print media

1 Answers1

Linked