개체 이전에 페이지 넘김할 것인가를 반환하거나 설정한다.
| always | 개체 이전에 항상 페이지 넘김을 삽입한다. |
| auto | 디폴트이며, 개체 이전에 페이지 넘김을 강제로 하지도, 금지하지도 않고 자동으로 한다. |
| (빈문자열) | 개체 이전에 페이지 넘김을 하지 않는다. |
| left | 현재로서는 always와 같이 작용한다. |
| right | 현재로서는 always와 같이 작용한다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.
이 속성은 문서를 인쇄할 때 적용된다. 이 속성은 BR나 HR 엘레멘트에는 적용되지 않는다.
이 속성값과 브라우저에서 이전 디스플레이된 개체의 pageBreakAfter 속성값 사이의 마찰이 있으면, 많은 페이지수의 페이지 삽입이 되로록 이 값이 적용된다.
위치지워진 개체 속에서는 페이지 바꿈이 삽입되지 않는다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS2(Cascading Style Sheets Level 2)에 정의되었다.
인쇄할 문단으로 페이지 범위 결정
page-break-after 애트리뷰트와 pageBreakAfter 속성을 사용하여 새로운 페이지에 인쇄를 시작한다.
p 앨래맨트 클라스 printPage를 선택자로 사용하여 문단 끝에 페이지가 끝나게 설정한다.
<HEAD>
<STYLE>P.printPage { page-break-after: always }</STYLE>
<SCRIPT>
function setPageBreak(job){
printPagePara.style.pageBreakBefore=job;
printPagePara.style.pageBreakAfter=job;
showA.innerHTML='printPagePara.style.pageBreakBefore='+printPagePara.style.pageBreakBefore+'<BR>';
showA.innerHTML+='printPagePara.style.pageBreakAfter='+printPagePara.style.pageBreakAfter+'<BR>';
}
function stopPageBreak(){
printPagePara.style.pageBreakBefore='';
printPagePara.style.pageBreakAfter='';
showA.innerHTML='printPagePara.style.pageBreakBefore='+printPagePara.style.pageBreakBefore+'<BR>';
showA.innerHTML+='printPagePara.style.pageBreakAfter='+printPagePara.style.pageBreakAfter+'<BR>';
}
</SCRIPT>
</HEAD>
<BODY>
<P class=printPage id=printPagePara>인쇄할 문단으로 페이지 범위 결정</P>
<BUTTON onClick="setPageBreak('always')">페이지 바꿈 강제 설정</BUTTON>
<BUTTON onClick="setPageBreak('auto')">페이지 바꿈 자동 설정</BUTTON>
<BUTTON onClick="stopPageBreak()">페이지 바꿈 중지</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>