[css] CSS - orphans 속성 - 페이지나 열의 하단에 남겨야 하는 최소 줄 수 지정 (= orphans속성 = 오펀즈속성/고아속성) ※ 하단최소줄수/하단최소라인수

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

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

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

 

@media print { 

  widows: 2;

  orphans: 4;

}

 

orphans 정의

 

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

 

---

1. cf.

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

2.

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

3.

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

4. MDN orphans 예제보기

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

 

orphans 구문

 

selector {orphans: integer|initial|inherit;}

 

---

[속성값]

 

integer

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

• 음수 허용 X

 

initial

이 속성의 기본값 사용.

 

inherit

부모요소의 속성값 상속.