입니다.
혹시나 하는 맘에 꼭 필요한 부분은 아래에 접어 둡니다.
인쇄와 스타일쉬트
style와 link 엘레멘트는 출력장치에 스타일쉬트를 지정하는 media 애트리뷰트를 지원한다.
media 속성의 값은 screen, print와 all이 될 수 있고, 디폴트 값은 screen이다.
media 애트리뷰트를 설정하지 않으면, 스타일쉬트는 항상 스크린과 인쇄 페이지에 모두 적용된다.
사용되는 스타일쉬트에 print 값이 지정되면, 페이지가 인쇄될 때 사용되고, 스크린에 디스플레이될 때는 영향이 없다.
all 값이 설정되면 인쇄나 디스플레이에 공히 문서에 적용된다.
주의 : 보이는 효과가 있는 필터를 포함한 모든
filter 스타일들은 인쇄에서 무시된다.
Explorer는 텍스트 스타일 속성들이 적용된 내용을 인쇄에 표현한다.
인쇄에서 페이지 넘김의 설정
page-break-before와 page-break-after 애트리뷰트를 사용하여 문서에서 페이지 넘김을 제어할 수 있다.
이들 애트리뷰트는 문서을 인쇄할 때 언제 새로운 페이지가 시작되는가와 어느 페이지(왼쪽 혹은 오른쪽)가 인쇄에 계속되는가를 나타낸다.
이들 애트리뷰트는 논리적인 부분들을 갖는 긴 문서의 인쇄에 유용하다.
예제에서 class가 newpage인 DIV 엘레멘트를 만나면 페이지 바꿈하고 인쇄를 계속한다.
<HTML>
<HEAD>
<TITLE>인쇄 페이지 바꿈 예제</TITLE>
<STYLE>DIV.newpage { page-break-before:always;}</STYLE>
</HEAD>
<BODY>
인쇄 페이지 1의 내용
<DIV class=newpage>
인쇄 페이지 2의 내용
</DIV>
<DIV class=newpage>
인쇄 페이지 3의 내용
</DIV>
</BODY>
</HTML>
페이지 바꿈을 위하여 스크립트 속에서 style 개체에 page-break-before와 page-break-after 스타일 속성을 설정할 수 있다.
예제에서 문서의 모든 H2 엘레멘트 앞에서 인쇄 줄바꿈하고 인쇄를 계속한다.
<SCRIPT>
var coll = document.all.tags('H2');
for (i=0; i < coll.length; i++) {
coll(i).style.pageBreakBefore = 'always';
}
</SCRIPT>
DelaneyBethany
2011/08/23 08:12
#
M/D
Reply
