모든 페이지의 본문 테두리 - CSS 인쇄 용지

인쇄 가능한 페이지가 2 개인 html 페이지가 있습니다. 각 페이지마다 미디어 인쇄 스타일 테두리를 만들었지 만 코드는 첫 번째 페이지의 테두리 만 추가합니다.모든 페이지의 본문 테두리 - CSS 인쇄 용지

모든 페이지에 테두리를 표시하려면 무엇을 추가해야합니까?

아래의 내 인쇄 매체 CSS를 확인하고 내 스크린 샷을 확인하십시오. BUG와

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

스크린 샷 : http://scr.hu/0fbv/5u4qh

출처

2016-11-15 EzraMod

대문자는 대단히 중요하니 (예 : 중요). – Alvaro

[중복 가능] 시도해 보셨습니까? http://stackoverflow.com/questions/32232281/draw-a-border-around-each-page-on-print-css –

나는 비슷한 문제가 있었다. 여기에 제가 한 방법이 있습니다 : #body { border-style: solid; border-color: red; }

만약 이것이 작동하지 않는다면, 미디어에 직접 테두리 색을 넣어보십시오. 처음에는 border-style: solid;을 추가해야합니다.

출처

2016-11-16 00:24:38 GroxTheProgrammer

작동하는지 여부를 알려주십시오. – GroxTheProgrammer

모든 페이지의 본문 테두리 - CSS 인쇄 용지

답변

관련 문제