CSS page-break-after 속성

정의와 사용법

page-break-after 속성이 요소 뒤의 페이지 분리 행동을 설정합니다.

always를 사용하여 강제로 페이지 분리 기호를 추가할 수 있지만, 페이지 분리 기호 추가를 피하는 것을 보장할 수 없습니다. 작성자는 사용자代理가 가능한 한 페이지 분리를 피하도록 요청할 수 있습니다.

적용:position 값이 relative 또는 static인 비 float 블록 요소.

주석:가능한 한 페이지 속성을 최소화하고, 테이블, float 요소, 경계가 있는 블록 요소에서 페이지 속성을 피합니다.

추가로 참조:

HTML DOM 참조 매뉴얼:pageBreakAfter 속성

예제

테이블 요소 뒤에 항상 페이지 분리를 설정하는 페이지 분리 행동을 설정합니다:

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

CSS 문법

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

속성 값

값 설명
auto 기본. 필요한 경우 요소 뒤에 페이지 분리 기호를 추가합니다.
always 요소 뒤에 페이지 분리 기호를 추가합니다.
avoid 요소 뒤에 페이지 분리 기호를 추가하지 않도록 합니다.
left 요소 뒤에 충분한 페이지 분리 기호를 추가하여, 빈 왼쪽 페이지까지.
right 요소 뒤에 충분한 페이지 분리 기호를 추가하여, 빈 오른쪽 페이지까지.
inherit page-break-after 속성 설정을 부모 요소에서 상속해야 한다고 정의합니다.

기술 세부 사항

기본 값: auto
상속성: no
버전: CSS2
JavaScript 문법: object.style.pageBreakAfter="always"

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari 오페라
1.0 4.0 1.0 1.2 7.0