所有页面的正文边框 - CSS打印媒体

时间:2016-11-15 21:43:19

标签: html css printing

我有一个包含2个可打印页面的html页面。我为每个页面创建了一个媒体打印样式边框,但我的代码只为第一页添加了边框。

我需要添加什么才能在每个页面上显示边框?

请在下面找到我的打印媒体CSS并查看我的屏幕截图;

@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; 
}

带BUG的屏幕截图:http://scr.hu/0fbv/5u4qh

1 个答案:

答案 0 :(得分:0)

我遇到了类似的问题。我是这样做的: #body { border-style: solid; border-color: red; }

如果这不起作用,请尝试将边框颜色直接放入介质中。请务必先添加border-style: solid;