본문 바로가기

[CSS] 웹 인쇄 1, 2페이지.. 넘어갈 경우 / 분할 인쇄방법 @media print, @page

by 호우 , 2020. 1. 30.

CSS

@media print

 


html 페이지 분할 인쇄가 하고 싶을때
지정한 부분은 2페이지에 나오도록 하고싶을때
아래 css로 간단하게 해결 할수 있다


.print_cut{page-break-after:always}

page-break-after: [auto, inherit, always, avoid, left, right]

  • auto: 자동
  • inherit: 부모 값 상속
  • always: 해당 엘리먼트의 뒤의 페이지 넘김
  • avoid: 해당 엘리먼트의 뒤의 페이지 넘김을 금지
  • left: 엘리먼트 뒤에서 분리된 페이지가 왼쪽 면에 위치
  • right: 엘리먼트 뒤에서 분리된 페이지가 오른쪽 면에 위치



상단 생략
<body>
<div>
1페이지 인쇄할 내용
</div>
<div class="print_cut">
2페이지 인쇄할 내용
</div>
</body>

간단하게 css로 페이지가 분할 인쇄가 가능하게
지정 할수 있다

 

 

 

 

 

'' 카테고리의 다른 글

[CSS] border-radius  (0) 2021.10.07
폰트 무료 사이트  (0) 2021.10.06
오징어게임 초대장, 오징어게임 명함  (0) 2021.10.01
묻고 더블로 가!  (2) 2020.03.03

댓글