HTML DOM pageBreakInside Property
 Complete Style Object Reference
Definition and Usage
The pageBreakInside property sets the page-break behavior inside an element.
Syntax
Object.style.pageBreakInside=auto|avoid
|
Possible Values
| Value |
Description |
| auto |
Insert a page break inside the element if necessary |
| avoid |
Avoid inserting a page break inside the element |
Tips and Notes
Note: You cannot use this property on absolutely positioned elements.
Note: Use the page-break properties as few times as possible and
avoid page-breaking properties inside tables, floating elements, and block
elements with borders.
Example
The following example avoids a page-break in the middle of the paragraph with
id of p2:
<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakInside="avoid";
}
</script>
</head>
<body>
<p>This is a test paragraph.</p>
<input type="button" onclick="setPageBreak()"
value="Set page to not break inside the second paragraph" />
<p id="p2">This is also a test paragraph. We need some
more text here. This is just filler text.</p>
</body>
</html>
|
Complete Style Object Reference
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).
|
|
