원하는 영역만 프린트 하는 CSS

출처 : http://lgibm.tistory.com/27

 

print.css

@charset "utf-8";
<!-- -
 프린트 실행시  원하는 부분만 프린트 한다
->
.menu, #top, #left {display:none;}
<!-- 프린트 실행시 .menu, #top, #left  부분을 display:none 을 하므로 프린트에서l 않보임 -->

============================================================================================================

** 프린트시 div center 부분만 프린트 한다
print.jsp (예제)

<link href="../css/print.css" rel="stylesheet" type="text/css" media="print" />

<div class="menu">
  <ul>
   <li><a href="#navigation">주메뉴로 바로가기</a></li>
   <li><a href="#lnb">왼쪽메뉴로 바로가기</a></li>
   <li><a href="#contents">컨텐츠로 바로가기</a></li>
  </ul>
 </div>

<div id="top">
 top 메뉴
    <a href="javascript:window.print();" class"print"> 프린트 </a>
</div>

<div id="left">
 left 메뉴
</div>

<div id="center">
    센터 내용
</div>