CSS page-break-before 속성

정의와 사용법

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

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

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

주석:가능한 한 페이지 속성을 최소화하고, 테이블, float 요소, 테이블에 테두리를 둔 블록 요소에서 페이지 속성을 피하십시오.

다른 것을 참조하십시오:

HTML DOM 참조 매뉴얼:pageBreakBefore 속성

예제

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

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

CSS 문법

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

속성 값

값 설명
auto 기본 값. 필요하다면 요소 앞에 페이지 분리 기호를 삽입합니다.
always 요소 앞에 페이지 분리 기호를 삽입합니다.
avoid 요소 앞에 페이지 분리 기호를 삽입하지 않도록 합니다.
left 요소 앞에 충분한 페이지 분리 기호가 있으며, 빈 왼쪽 페이지까지 이어집니다.
right 요소 앞에 충분한 페이지 분리 기호가 있으며, 빈 오른쪽 페이지까지 이어집니다.
inherit 부모 요소에서 page-break-before 속성 설정을 상속해야 합니다.

기술 세부 사항

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

브라우저 지원

표에서의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.2 7.0