Style widows 속성

정의와 사용법

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

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

ヒント：widows:5 페이지 구분자 아래에는 최소한 5줄이 보여야 합니다.

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

예제

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

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

직접 시도해 보세요

문법

widows 속성 반환：

object.style.widows

widows 속성 설정：

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

속성 값

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

기술 세부 사항

기본 값： 2
반환 값： 문자열， 페이지 상단에 출력할 최소 행 수를 나타냅니다。
CSS 버전： CSS2

브라우저 지원

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

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