JavaScript에서 orphans 속성을 사용하면 페이지가 나눠질 때 다음 페이지 상단에 반드시 표시되어야 할 요소의 최소 줄 수를 지정할 수 있습니다. 이 속성은 주로 인쇄(print) 환경에서 문단이 페이지 경계에 걸릴 때, 앞쪽 페이지에 남겨질 최소 줄 수를 제어하는 데 활용됩니다.
orphans 속성 값 가져오기
특정 요소의 orphans 속성 값을 반환하려면 아래와 같이 작성합니다.
var res = object.style.orphans;
orphans 속성 값 설정하기
속성 값을 설정할 때는 숫자(number), initial, inherit 중 하나를 사용합니다.
object.style.orphans = 'number|initial|inherit';
값 설명
- number – 페이지 하단에 최소한으로 남겨야 할 줄 수를 직접 지정합니다. 기본값은 2입니다.
- initial – 이 속성을 기본값으로 되돌립니다.
- inherit – 부모 요소로부터 orphans 속성 값을 상속받습니다.
사용 예제
다음과 같이 특정 문단의 orphans 값을 확인하거나 변경할 수 있습니다.
document.getElementById("p").style.orphans;참고로, 페이지 상단(다음 페이지 시작 부분)에 표시되어야 할 최소 줄 수를 제어하려면 widows 속성을 함께 사용하는 것이 좋습니다. orphans는 페이지 하단에 남겨둘 줄 수를, widows는 새 페이지 상단으로 넘어갈 줄 수를 각각 관리하여 인쇄 시 가독성을 높여줍니다.