如何在打印时将页面边框赋予html页面？

Question

Actually I have border in html page. while printing, the content is coming in two pages and bottom-border for first page and top-border for second page does not occur.so how can I give page border for each page while printing.I have used @media print and wrote css inside that. Is there any other solution such that I should get boder on all sides for each page when printing the page ?

Answer 1

I've made a sample page here which will generate a border for every page. while printing the page. see DEMO .

HTML Code

<section id='page1'>
     <div class='box'></div>
</section>
<section id='page2'>
     <div class='box'></div>
</section>
<section id='page3'>
     <div class='box'></div>
</section>
<section id='page4'>
     <div class='box'></div>
</section>

CSS Code

@media screen, print
{
 .box{
  border:1pt solid black;
  border-radius:15px;
  position:absolute;
  top:0;
  width:28.2cm;
  height:19.3cm;
  }
section{position:relative;}
}