[css] CSS - widows 속성 - 페이지나 열의 상단에 남겨야 하는 최소 줄 수 지정 (= widows속성 = 위도우즈속성/미망인속성/과부속성) ※ 상단최소줄수/상단최소라인수

1. widows 예제 - 페이지나 열의 상단에 남겨야 하는 최소 줄 수 지정
2. widows 정의
3. widows 구문

widows 예제 - 페이지나 열의 상단에 남겨야 하는 최소 줄 수 지정

(예) 인쇄 시 각 페이지 상단에 최소 2줄, 하단에 최소 4줄 표시.

 

@media print {  

  widows: 2;

  orphans: 4;

}

 

widows 정의

 

페이지나 열의  상단에 남겨야 하는 최소 줄 수 지정. 

 

---

1. cf.

orphans 속성 - 페이지나 열의 하단에 남겨야 하는 최소 줄 수 지정.

2.

• 기본값: 2
• 상속여부: O
• 애니가능: X
• CSS버전: CSS3
• JS구문: object.style.widows = "3";

3.

Firefox 제외한 IE8 이상 주요 최신 브라우저 모두 지원.

4. MDN widows 예제보기

https://developer.mozilla.org/en-US/docs/Web/CSS/widows

 

widows 구문

 

selector {widows: integer|initial|inherit;}

 

---

[속성값]

 

integer

페이지나 열의 상단에 남겨야 하는 최소 줄 수 지정. (기본값: 2)

• 음수 허용 X

 

initial

이 속성의 기본값 사용.

 

inherit

부모요소의 속성값 상속.