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



 
인쇄관련
 


[RE][HTML/CSS]Style sheet 를 이용하여 화면, 프린트 제어 | HTML/CSS
  2006-11-26 18:32:17 댓글:(0)   조회:508



웹에서 인쇄를 하다보면 간혹 화면과 다른 인쇄물을 요구할 경우가 있습니다.

 

별도 인쇄용 컴포넌트를 사용한다면 문제가 되지 않겠지만 그렇지 않은 경우 Style sheet를 이용하면 간단하게 구현할 수 있습니다.

 

붉은색으로 표시된 부분을 이해하시면 되는데..  media 속성에 print 또는 screen을 지정한것, class에 2개의 css class가 지정된것이

 

핵심 입니다..  즐프 하세요..  ^^

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Style sheet를 이용한 화면, 프린트 제어</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="ZZLP">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css" media="print">
    /* 인쇄용 */
    .prOn {display:block}
    .prOff {display:none}
</style>
<style type="text/css" media="screen">
    /* 화면용 */
    .scOn {display:block}
    .scOff {display:none}
</style>
</head>

<body>

<div id="div1" class="scOn prOff">Display for screen.</div>
<div id="div2" class="scOff prOn">Display for print.</div>
<input type="button" value="Print" onclick="javascript:window.print();" class="scOn prOff">

</body>
</html>

 




 댓글 (0)


인쇄관련
페이지: 1 / 1   


   인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 818
   웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 662
   화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 523
   웹페이지에서 프린트 컨트롤(홈마스타) 957
   인쇄시 강재로 다음페이지 넘기(홈마스타) 429
     [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 497
   아이프레임 프린트 하기(iframe print)(홈마스타) 878
     [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 833
       [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5406
   [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
  [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
       [RE] CSS media='print'(홈마스타) 564
         [RE] CSS media 에 따라 다른 크기의 (홈마스타) 448
   원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   특정영역만 프린트하기(홈마스타) 846
     [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
   [스크립트] 이미지에 6개의 효과주기(홈마스타) 496
   DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 653
   원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 588
    HK Post print Plugin V2_0(홈마스타)(2) 442
    간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 579
   웹페이지에 [인쇄하기](홈마스타) 859
   거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1958
   라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1735
[1]  

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




 
최근 글
[손님]

인기 글
[손님]