CSS page-break-before 屬性
- 上一頁 page-break-after
- 下一頁 page-break-inside
定義和用法
page-break-before 屬性設置元素前的 page-breaking 行為。
盡管可以用 always 強制放上分頁符,但是無法保證避免分頁符的插入,創作人員最多只能要求用戶代理盡可能避免插入分頁。
應用于:position 值為 relative 或 static 的非浮動塊級元素。
注釋:請盡可能少地使用分頁屬性,并且避免在表格、浮動元素、帶有邊框的塊元素中使用分頁屬性。
另請參閱:
HTML DOM 參考手冊:pageBreakBefore 屬性
實例
設置在表格元素之后始終進行分頁的分頁行為:
<html> <head> <style> @media print { table {page-break-before:always;} } </style> </head> <body> .... </body> </html>
CSS 語法
page-break-before: auto|always|avoid|left|right|initial|inherit;
屬性值
值 | 描述 |
---|---|
auto | 默認值。如果必要則在元素前插入分頁符。 |
always | 在元素前插入分頁符。 |
avoid | 避免在元素前插入分頁符。 |
left | 在元素之前足夠的分頁符,一直到一張空白的左頁為止。 |
right | 在元素之前足夠的分頁符,一直到一張空白的右頁為止。 |
inherit | 規定應該從父元素繼承 page-break-before 屬性的設置。 |
技術細節
默認值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.pageBreakBefore="always" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- 上一頁 page-break-after
- 下一頁 page-break-inside