page-break-inside > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

page-break-inside

페이지 정보

작성자 JMStudy 작성일17-08-23 17:05 조회2,798회 댓글0건

본문

https://msdn.microsoft.com/ko-kr/library/hh314584(v=expression.40).aspx 

 

 

 

page-break-inside

Expression Studio 4.0

개체 내에 페이지 나누기를 삽입할 수 있는지 여부를 나타내는 문자열을 설정합니다.

구문

{ page-break-inside: sBreak }

가능한 값

sBreak

다음 값 중 하나를 지정하는 문자열입니다.

auto

기본값. 개체 앞에서 강제로 페이지를 나누지도 않고 페이지를 나누지 않도록 금지하지도 않습니다.

avoid

가능한 경우 개체 내에서 페이지를 나누지 않도록 금지합니다.

empty string

auto 와 동일하게 작동합니다.

inherit

상위 개체와 동일한 속성 값을 상속합니다.

속성의 기본값은 auto 이며 상속되지 않습니다.

설명

이 속성은 문서를 인쇄할 때 적용됩니다.

일반적으로 브라우저는 표, 테두리가 있는 블록, 위치가 지정된 요소 또는 배치된 요소 내에서 페이지를 나누지 않도록 합니다. page-break-inside 속성은 이 동작을 다른 요소로 확장합니다. avoid 값에 따라 브라우저는 현재 페이지에 공간이 부족한 경우 다음 페이지에서 요소를 시작합니다.

페이지 나누기 동작은 상위 개체에서 상속됩니다. 잠재적인 페이지 나누기 위치는 이전 개체의 page-break-after 속성과 다음 개체의 page-break-before 속성에도 영향을 받습니다. 이 속성 값과 브라우저에 이전에 표시된 개체의 page-break-after 속성 값이 충돌할 경우 페이지 나누기 수가 더 많은 값이 사용됩니다.

다음 예에서는 page-break-inside 속성을 사용하여 페이지 간에 단락을 나누지 않도록 합니다.

<style type="text/css">
@media print {
    p {
        page-break-inside: avoid;
    }
} 

</style> 

댓글목록

등록된 댓글이 없습니다.