Wartość auto
jest domyślną wartością właściwości page-break-before
.
Domyślnie element HTML nie ma wpływu na przełamanie strony podczas drukowania.
page-break-before:auto;
ten element "div" nie ma wpływu na przełamanie strony podczas drukowania
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
ten element "div" nie ma wpływu na przełamanie strony podczas drukowania
</div>
</body>
</html>
Za pomocą wartości always
właściwości page-break-before
możemy sprawić, że przełamanie strony podczas drukowania musi wystąpić przed interesującym nas elementem HTML.
page-break-before:always;
przed tym elementem "div" musi wystąpić przełamanie strony podczas drukowania, ponieważ do tego elementu "div" została dodana właściwość "page-break-before" wraz z wartością "always"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
page-break-before:always;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
przed tym elementem "div" musi wystąpić przełamanie strony podczas drukowania, ponieważ do tego elementu "div" została dodana właściwość "page-break-before" wraz z wartością "always"
</div>
</body>
</html>
Za pomocą wartości avoid
właściwości page-break-before
możemy sprawić, że przełamanie strony podczas drukowania nie powinno wystąpić przed interesującym nas elementem HTML.
page-break-before:avoid;
przed tym elementem "div" nie powinno wystąpić przełamanie strony podczas drukowania, ponieważ do tego elementu "div" została dodana właściwość "page-break-before" wraz z wartością "avoid"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
page-break-before:avoid;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
przed tym elementem "div" nie powinno wystąpić przełamanie strony podczas drukowania, ponieważ do tego elementu "div" została dodana właściwość "page-break-before" wraz z wartością "avoid"
</div>
</body>
</html>