[Web] php에서 특정 부분만 인쇄하기(css 포함)

[스크립트]

    <script type="text/javascript">
    function content_print(){
        var initBody = document.body.innerHTML;
        window.onbeforeprint = function(){
            document.body.innerHTML = document.getElementById('printme').innerHTML;
        }

        window.onafterprint = function(){
            document.body.innerHTML = initBody;
        }

        window.print();
    }
    </script>

 

[버튼]

<input type="button" value="인쇄하기" class="btn btn-default pull-right" onclick="javascript:content_print()" />​

 

[스타일]

<style type="text/css">
    @media print {
        @page { size: auto; margin: 10mm; font-size: 10px;}
        table { zoom:75%; -webkit-print-color-adjust: exact;}
    }
</style>

 

[특정 DIV만 인쇄하기]

- 인쇄영역 설정 후 스크립트에 id 입력하면 인쇄가 가능하다

<div id="printme">
    인쇄영역
</div>