[css] @media print 머릿글 바닥글 삭제 및 다음 페이지 여백 주기

print-hide : 화면에서는 보이나, 출력 시 숨김 처리

print-show : 화면에서는 보이지 않으나, 출력 시 노출 처리

<style>
.print-hide {display:show;}
.print-show { display:none;}
@media print {
    .print-show { display:block;}
    .print-hide {display:none;}
    @page {margin:1.3cm 1.3cm}
    @page :first {margin:0 1.3cm}
    html {margin:1.3cm 0;}
}
</style>

출력 시, 머릿글, 바닥글 미노출 처리 

@media print {
    @page {margin:0 1.3cm}
}

@page 에서 margin:0으로 설정 해야, 머릿글 / 바닥글 가려짐.

하지만 2Page이상 상단 여백도 사라짐

그래서, 기본적으로 @page에 margin을 주고, 첫 페이지에 top, bottom margin을 0으로 처리

    @page {margin:1.3cm 1.3cm}
    @page :first {margin:0 1.3cm}