출력시 특정영역 숨기기

    출력시 특정영역 숨기기 CSS    

 

 

1. 인쇄시 특정 영역 숨기기

 

~~ 상단 생략 ~~~

 

<style type="text/css" media="print">

  .noprint{ display:none; }

</style>

 

~~ 중간 생략 ~~~~

 

<div class='noprint'> 숨길 내용 </div>

 

 

2. 위소스를 응용하면 반대로 숨겨져있다가 인쇄할때만 특정 내용이 나오게도 할수 있겠지요?

 

 

<style type="text/css">

  .printView{ display:hidden; }

</style>

 

<style type="text/css" media="print">

  .printView{ display:block; }

</style>

 

~~ 중간 생략 ~~~~

 

<div class='printView'> 숨겨져있다가 출력시에만 보여지는 영역 </div>