HTML 에서 인쇄영역(페이지)를 나누는 방법 (페이지 분리 방법) 입니다.
아래에서는 div를 사용하여 block-level element를 지정했지만 <p>, <span>, <br> 태그를 사용해도 됩니다.
<html><body>
<p>출력할 내용1</p>
<div style='page-break-before:always'></div> <!--여기를 기준으로 앞의 내용이 한 페이지-->
<p>출력할 내용2</p>
<div style='page-break-before:always'></div> <!--여기를 기준으로 앞의 내용이 한 페이지-->
</body></html>
page-break-before 와 page-break-after , page-break-inside 를 사용할 수 있습니다. (일반적으로 page-break-before를 사용함)
page-break-before - 이전 까지의 태그들을 한 페이지로 구분합니다.
page-break-after - 이후의 태그까지 한 페이지로 구분합니다.
속성의 의미는 아래와 같습니다. (일반적으로 always만 사용함)
auto - 자동으로 계산하도록 지정
always - 뒤에서 항상 분리하도록 지정
avoid - 뒤에서 절대 분리되지 않도록 지정
left - 뒤에서 분리된 페이지가 왼쪽 면에 위치하도록 지정
right - 뒤에서 분리된 페이지가 오른쪽 면에 위치하도록 지정
inherit - 부모 요소의 값을 상속하도록 지정
'프론트엔드 개발 놀이터 > Html' 카테고리의 다른 글
| html5 캔버스 완전정복 (0) | 2020.02.13 |
|---|---|
| HTML5란 무엇인가? (0) | 2020.02.09 |
| 쉐도우 돔 사용방법 - 2/2 (0) | 2020.02.05 |
| 쉐도우 돔(Shadow Dom)이란 - 1/2 (0) | 2020.02.05 |
| [크롬, js] 이 페이지를 번역하시겠습니까? 사전 차단 방법 (0) | 2020.02.04 |