브라우저 화면 인쇄시 프린트하거나 제외할 영역 지정하기

브라우저에서 화면인쇄를 하다 보면, 필요한 영역만 인쇄를 한다던가 필요없는 부분을 빼야 할 경우가 있다. 

이때, 아래처럼 @media print 를 사용하면 프린트시에만 넣고 빼는 것이 가능하다. 

<div class="example-screen">You only see me in the browser</div>

<div class="example-print">You only see me in the print</div>

.example-print {
    display: none;
}
@media print {
   .example-screen {
       display: none;
    }
    .example-print {
       display: block;
    }
}

* 출처

http://stackoverflow.com/questions/16894683/how-to-print-html-content-on-click-of-a-button-but-not-the-page

http://jsfiddle.net/V9XzD/