JavaScript orphans 속성으로 페이지 나누기 시 하단에 남길 최소 줄 수 설정하기

JavaScript에서 orphans 속성을 사용하면 페이지 나누기(page break)가 요소 내부에서 발생할 때 페이지 하단에 남겨야 할 최소 줄 수를 지정할 수 있습니다. 이 속성은 주로 인쇄 또는 페이지 형태의 출력 환경에서 문서의 가독성을 높이는 데 활용됩니다.

orphans 속성 값 반환하기

현재 설정된 orphans 속성 값을 가져오려면 다음과 같이 작성합니다.

var res = object.style.orphans;

orphans 속성 값 설정하기

orphans 속성을 설정하려면 아래와 같이 값을 할당합니다.

object.style.orphans = 'number|initial|inherit';

속성 값 설명

• number − 페이지 나누기가 발생할 때 요소 하단에 남겨야 하는 최소 줄 수를 직접 지정합니다.
• initial − 해당 속성을 브라우저의 기본값으로 되돌립니다.
• inherit − 부모 요소의 orphans 속성 값을 상속받습니다.

사용 예시

다음 예시는 특정 단락(<p>) 요소에 대해 페이지 나누기 발생 시 최소 3줄을 하단에 남기도록 설정하는 코드입니다.

document.getElementById("myParagraph").style.orphans = "3";

이처럼 orphans 속성을 활용하면 제목이나 단락이 페이지 경계에서 불필요하게 잘리는 것을 방지하여, 인쇄물이나 PDF 등 페이지 기반 문서에서 훨씬 깔끔한 레이아웃을 구현할 수 있습니다.