CSS 프린트 다음장으로 페이지 넘기기

<div style="page-break-before:always;" >
	여기부터 새로운 페이지로 넘어가서 프린트 됩니다.
</div>
<br style="height:0;line-height:0" ><!-- //IE에서 안될경우 추가 -->

page-break-before

해당 엘리먼트의 이전 페이지 넘김 지정

page-break-before: auto, inherit, always, avoid, left, right

• auto: 자동
• inherit: 부모 값 상속
• always: 해당 엘리먼트의 이전 페이지 넘김 
• avoid: 해당 엘리먼트의 이전 페이지 넘김 금지
• left: 엘리먼트 앞에서 분리된 페이지가 왼쪽 면에 위치
• right: 엘리먼트 앞에서 분리된 페이지가 오른쪽 면에 위치

page-break-after

해당 엘리먼트의 다음 페이지 넘김을 지정

page-break-after: auto, inherit, always, avoid, left, right

• auto: 자동
• inherit: 부모 값 상속
• always: 해당 엘리먼트의 다음 페이지 넘김
• avoid: 해당 엘리먼트의 다음 페이지 넘김 금지
• left: 엘리먼트 뒤에서 분리된 페이지가 왼쪽 면에 위치
• right: 엘리먼트 뒤에서 분리된 페이지가 오른쪽 면에 위치

page-break-inside

해당 엘리먼트의 내부 페이지 넘김을 지정

page-break-after: auto, inherit, avoid

• auto: 자동
• inherit: 부모 값 상속
• avoid: 해당 엘리먼트의 내부에서 페이지 넘김 금지

 

 

https://www.w3schools.com/cssref/pr_print_pagebb.php