CSS 참조 매뉴얼

CSS @규칙(RULES)

打印文档时，在元素之后插入分页符。 page-break-after 속성은 상자를 생성하는블록 요소요소. 이는 비어 있는 <p>에 적용되지 않으며, 공백 상자를 생성하지 않습니다.

다음 표는 이 속성의 사용 방법 및 버전 기록, 그리고 자바스크립트 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:	auto
적용됨:	블록 요소
thừa kế:	없음
애니메이션 가능:	아니요.참조: 애니메이션 속성。
버전:	CSS 2、3
JavaScript 문법:	object.style.pageBreakAfter="avoid"

이 속성의 문법은 다음과 같습니다:

page-break-after: auto | always | avoid | left | right | initial | inherit

아래의 예제는 page 속성을 사용하는 방법을 보여줍니다.-break-after 속성

예제

　　@media print　{
　　　p.footnotes　{
　　　　page-break-after: always;　　　　　　
　　　}
　　}

위의 스타일 규칙은 항상 페이지를 분할하고 각주 이후에 새 페이지로 이동하는 페이지 행동을 설정합니다.

주의:page-break-after 속성은 뿌리 요소 또는table-row요소의 정상적인 흐름에서블록 요소요소

아래 표는 이 속성의 값을 설명합니다.

값	설명
auto	필요한 경우 요소 이후에 페이지 분할 기호를 삽입합니다. 기본 값입니다.
always	요소 이후에 항상 페이지 분할 기호를 강제로 삽입합니다.
avoid	요소 이후에 페이지를 분할하지 않습니다.
left	요소 이후에 한 번 또는 두 번의 페이지를 강제로 분할하여 다음 페이지가 왼쪽 페이지가 됩니다.
right	요소 이후에 한 번 또는 두 번의 페이지를 강제로 분할하여 다음 페이지가 오른쪽 페이지가 됩니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정되면, 관련 요소는 부모 요소의 page 속성을 사용합니다.-break-after 속성의 값

page-break-after 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 부분적으로 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1.2+ Opera 7+

경고: Internet Explorer 8그리고 이전 버전에서는 이러한 값 left와 right를 지원하지 않습니다; 어떤 값도 always로 해석됩니다. Firefox, Chrome, Safari는 avoid, left, right를 지원하지 않습니다.

다음 튜토리얼을 참조하십시오:CSS 미디어 타입。