page-break-before 속성은 프린터로 출력할 때 다음 페이지로 페이지를 넘기는 것을 지정하는 Property입니다.
<p>홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 홈페이지 제작에 필요한 다양하고 유익한 정보를 제공하겠습니다.</p> <p style="page-break-before: always;">홈짱닷컴은 홈페이지 제작의 가장 기본이라고 할 수 있는 HTML 부터 홈페이지를 운영하는 노하우까지 홈페이지에 관한 전반적인 정보를 제공하고 있습니다.</p> |
block-level element 사이를 경계로 페이지를 나누기 때문에 반드시 block-level element에 지정해 주어야 합니다. 그러므로 P, DIV와 같은 block-level element가 아닌 요소에 적용하면 다음 페이지로 넘어가지 않습니다.
| <span>홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 홈페이지 제작에 필요한 다양하고 유익한 정보를 제공하겠습니다.</span> <br><br> <span style="page-break-before: always;">홈짱닷컴은 홈페이지 제작의 가장 기본이라고 할 수 있는 HTML 부터 홈페이지를 운영하는 노하우까지 홈페이지에 관한 전반적인 정보를 제공하고 있습니다.</span> |
위와 같이 inline-level element인 span에 적용하면 효과를 볼 수 없습니다.
page-break-before 속성에 사용되는 값은 아래와 같습니다만 always 값외에는 사용하는 경우가 거의 없을듯 합니다.
- auto : 기본값
- always : 항상 페이지 넘김
- avoid : 페이지 넘김을 하지 못하게 강제
- left : 제본을 위한 값이라고 하나 always와 차이점을 발견하기 힘듭니다.
- right : 제본을 위한 값이라고 하나 always와 차이점을 발견하기 힘듭니다.
※출처 : http://www.homejjang.com/