[CSS] 페이지 내 특정 영역만 print(프린트) 하기

1. CSS(미디어쿼리) 사용하여 브라우저 내 특정 영역만 출력(PDF) 하기

• 미디어 쿼리 print(프린트) 선언하기

  @media print {
    //프린트 출력시 비노출 영역 추가하기
    #header, #sec_2{display:none}
  }​

• background(백 그라운드)사용 시 해당 속성을 보여 주게 합니다.
  

  @media print {
    * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
  }

  
  ※지원 가능 브라우저를 체크하세요. (IE, Firefox에서는 인쇄창에서 배경포함 인쇄를 선택 해야 보여집니다.)
  https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust
  
  
• 머리글과 바닥글 비노출 시 해당 CSS 추가 합니다.
  

  @page {margin:0}

• windows.print() 사용하여 인쇄창을 호출 합니다.(브라우저 인쇄 기능과 동일)

 

 

 

이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.