CSS 중단 후 속성
예시
<footer> 요소 뒤에 항상 페이지 나누기를 삽입하십시오.
@media print
{
footer {
break-after: always;
}
}
정의 및 사용
속성 은 break-after
지정된 요소 뒤에 페이지 나누기, 열 나누기 또는 영역 나누기가 발생해야 하는지 여부를 지정합니다.
속성 은 break-after
CSS2 속성을 확장합니다.
page-break-after
를 사용 break-after
하여 속성이 적용된 요소 이후에 페이지, 열 또는 영역을 나누도록 브라우저에 지시하거나 break-after
요소가 두 페이지에 걸쳐 분할 및 확장되는 것을 방지할 수 있습니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
break-after | 50.0 | 10.0 | 65.0 | 10.0 | 37.0 |
CSS 구문
break-after: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;
속성 값
Value | Description |
---|---|
auto | Default. Automatic page/column/region break after the element |
all | Always insert a page-break right after the principal box |
always | Always insert a page-break after the element |
avoid | Avoid a page/column/region break after the element |
avoid-column | Avoid a column-break after the element |
avoid-page | Avoid a page-break after the element |
avoid-region | Avoid a region-break after the element |
column | Always insert a column-break after the element |
left | Insert one or two page-breaks after the element so that the next page is formatted as a left page |
page | Always insert a page-break after the element |
recto | Insert one or two page-breaks after the principal box so that the next page is formatted as a recto page |
region | Always insert a region-break after the element |
right | Insert one or two page-breaks after the element so that the next page is formatted as a right page |
verso | Insert one or two page-breaks after the principal box so that the next page is formatted as a verso page |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
더 많은 예
예시
항상 ID가 "toc"인 요소(목차) 뒤에 페이지 나누기를 삽입합니다.
@media print
{
#toc {
break-after: always;
}
}
예시
항상 영역에서 <ul> 요소 뒤에 영역 나누기를 삽입합니다.
.region ul {
break-after: region;
}
}