CSS page-break-inside 속성

정의 및 사용법

page-break-inside 속성은 요소 내부의 페이지 분리 동작을 설정합니다.

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

적용됨:position 값이 relative 또는 static인 비플로팅 블록 요소.

비고:가능한 한 페이지 속성을 최소화하고, 테이블, 플로팅 요소, 경계를 가진 블록 요소에서 페이지 속성을 피하도록 합니다.

다른 것을 참조하세요:

HTML DOM 참조 문서:pageBreakInside 속성

예제

테이블 요소 내부에 페이지 분리를 피하는 페이지 분리 동작을 설정합니다:

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

CSS 문법

page-break-inside: auto|avoid|initial|inherit;

속성 값

값 설명
auto 기본. 필요한 경우 요소 내부에 페이지 분리 기호를 삽입합니다.
avoid 요소 내부에 페이지 분리 기호를 삽입하지 않도록 합니다.
inherit 부모 요소에서 page-break-inside 속성 설정을 상속해야 합니다.

기술 세부 사항

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

브라우저 지원

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

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 8.0 19.0 1.3 7.0