English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 설명서

CSS @규칙(RULES)

CSS 속성大全

CSS 페이지-break-inside 속성 사용 방법 및 예제

page-break-inside CSS 속성은 요소 내에서 인쇄 페이지 분할을 강제하거나 금지합니다. 이 속성은 상자를 생성하는블록요소. 이는 비어 있는 <p>에 적용되지 않으며, 공백 상자를 생성하지 않습니다.

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

기본 값:auto
적용:블록 요소
thừa kế:없음
애니메이션 가능:아니요。参照: 애니메이션 속성
버전:CSS 2、3

page-break-inside 사용 문법

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

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

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

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
테스트를 보세요‹/›

위 예제의 스타일 규칙은 목록을 두 페이지로 나누지 않도록 페이지 분할 행동을 설정합니다.

주의:이 page-break-inside 속성은 루트 요소 또는table-row요소의 일반 흐름에서블록요소

속성 값

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

설명
auto필요한 경우, 요소 내에 페이지 분할 기호를 삽입하십시오. 이는 기본 값입니다.
avoid요소 내에서 페이지 분할을 피하십시오.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 page 속성을 사용합니다.-break-inside 속성 값

브라우저 호환성

page-break-insideFirefox는 이 속성을 지원하지 않습니다.

  • Firefox (없음)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

경고:이 속성을 사용하지 않는 것이 좋습니다. 또한, 가능한 한 적게 사용하고, 테이블 요소, 플로팅 요소 및 블록 요소 내에서 페이지 분할을 피하십시오.

더 읽어보기

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

관련 속성:page-break-afterpage-break-before