Style orphans 속성

정의 및 사용법

orphans 이 속성은 페이지 하단에 보이는 최소 행 수를 설정하거나 반환합니다. (인쇄나 인쇄 예시에 사용)

orphans 이 속성은 블록 요소에 영향을 미칩니다.

ヒント：orphans:5 페이지 분리선 위에 최소한 5줄이 보여야 합니다.

ヒント：참조하십시오 widows 속성 페이지 상단에 보이는 요소의 최소 행 수를 설정하거나 반환합니다.

예제

orphans을 변경하고 인쇄나 인쇄 예약을 확인하세요：

<html>
<head>
<script>
function ChangeOrphans() {
  document.getElementById("p1").style.orphans = document.getElementById("orphans").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
  /* 인쇄 페이지의 크기를 설정 */
  size:21cm 27cm;
  margin-top:2cm;
}
@media print {
  .orphans {
    orphans:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">orphans 변경</button>
<p style="font-size:120%" id="p1">
orphans을 변경하고 인쇄 예약을 확인하세요.<br>
줄 2<br>
줄 3<br>
줄 4<br>
줄 5<br>
줄 6<br>
줄 7<br>
줄 8<br>
</p>
</body>
</html>

직접 시도해 보세요

문법

orphans 속성 반환：

object.style.orphans

orphans 속성 설정：

object.style.orphans = "number|initial|inherit"

속성 값

값 설명
number 정수, 최소 보이는 행 수를 정의합니다. 음수 값을 사용할 수 없습니다. 기본 값은 2입니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 2
반환 값： 문자열, 페이지 하단에 출력되는 최소 행 수를 나타냅니다.
CSS 버전： CSS2

브라우저 지원

표에서의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
25.0 8.0 지원하지 않음 3.1 10.0