개체 이후에 페이지 넘김할 것인가를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체 이후에 페이지 넘김할 것인가를 나타내는 문자열이다.

always 개체 이후에 항상 페이지 넘김을 삽입한다.
auto 디폴트이며, 개체 이후에 페이지 넘김을 강제로 하지도, 금지하지도 않고 자동으로 한다.
(빈문자열) 개체 이후에 페이지 넘김을 하지 않는다.
left 현재로서는 always와 같이 작용한다.
right 현재로서는 always와 같이 작용한다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

이 속성은 문서를 인쇄할 때 적용된다. 이 속성은 BRHR 엘레멘트에는 적용되지 않는다.

이 속성값과 브라우저에서 이전 디스플레이된 개체의 pageBreakBefore 속성값 사이의 마찰이 있으면, 많은 페이지수의 페이지 삽입이 되로록 이 값이 적용된다.

위치지워진 개체 속에서는 페이지 바꿈이 삽입되지 않는다.

적용
개체scriptCSS IE 버전
참조
pageBreakAfter pageBreakBefore

이 속성은 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>