웹모아
웹모아△[손님] 검색   로그인 / 회원가입    



 
인쇄관련
  


△웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣는 방법
  2007-01-30 17:53:29 댓글:(0)   조회:662


아래 한글 같은 워드 프로세서에는 Ctrl+엔터키를 치면 강제로 페이지가 나뉘어지고 인쇄시에도 페이지가 나뉜 그대로 인쇄된다. 이렇듯 대부분의 워드 프로세서는 강제로 페이지를 나눌 수 있는 기능들을 제공하고 있다.  

하지만 HTML에서는 한 화면에 페이지 개념이 없으므로 페이지를 나뉘어 보이도록 할 방법은 없지만 그 웹 페이지를 인쇄할 때는 페이지 개념이 적용되므로 가끔은 강제로 어떤 위치에서 페이지를 나누어 인쇄하고 싶은 경우가 있다.  

이럴 땐 어떻게 하면 좋을까?  

그렇다면 CSS에서 제공하는 page-break-after와 page-break-before를 주목할 필요가 있다.  

이 각각에는 다음과 같은 옵션이 있다.  

always | auto | left | right  
always : <H2>와 같은 HTML의 어떤 특정 요소를 만나면 강제로 페이지 브레이크 시키는 속성  
auto : 디폴트 속성으로 브라우저가 자동으로 페이지 계산해서 정상적으로 페이지가 끝나면 페이지 브레이크 시키는 속성  
left / right : 모든 브라우저에 적용되는 것은 아니며 프린터가 한 페이지에 두 페이지를 인쇄할 수 있는 기능을 제공할 때 사용할 수 있는 속성으로 왼쪽 페이지 또는 오른쪽 페이지임을 알려 주는 속성  

사용 방법  
<HEAD> 태그에 다음과 같은 스타일시트 코드를 넣어 보자.  

<STYLE TYPE = "text/css">  
H2 {page-break-before: always}  
</STYLE>  

위와 같이 적은 코드는 웹 페이지 상에서 <H2> 태그를 만나면 항상 그 전에서 페이지 브레이크를 일으키라는 뜻이다.  

특정 지점에 페이지 브레이크 삽입하기  
위와 같이 모든 <H2>를 만났을 때 인쇄되는 것은 원치 않을 때가 있다. 특정 위치에서만 페이지 브레이크가 일어나도록 하려면 자신만의 클래스를 만드는 것이 좋다. 다음은 <P>와 관련된 클래스를 만든 한 예이다.  

<STYLE TYPE = "text/css">  
P.breakhere {page-break-before: always}  
</STYLE>  

이렇게 클래스가 정의되었을 때 아래와 같이 사용하면 된다.  

<P CLASS="breakhere">



 댓글 (0)


인쇄관련
 페이지: 1 / 1   


   △인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 819
△웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 663
   △화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 524
   △웹페이지에서 프린트 컨트롤(홈마스타) 958
   △인쇄시 강재로 다음페이지 넘기(홈마스타) 430
   △  [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 498
   △아이프레임 프린트 하기(iframe print)(홈마스타) 879
   △  [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 834
   △    [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5407
   △[CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
   △  [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
   △    [RE] CSS media='print'(홈마스타) 565
   △      [RE] CSS media 에 따라 다른 크기의 (홈마스타) 449
   △원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   △특정영역만 프린트하기(홈마스타) 846
   △  [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
   △[스크립트] 이미지에 6개의 효과주기(홈마스타) 497
   △DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 654
   △원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 589
   △ HK Post print Plugin V2_0(홈마스타)(2) 443
   △ 간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 580
   △웹페이지에 [인쇄하기](홈마스타) 860
   △거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1959
   △라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1736
[1]  

복수단어 검색은 공백(space)로 구분해 주세요. 1




 
최근 글
△[손님]

인기 글
△[손님]