Listing 24-1: Definiowanie rozmiarw strony za pomoc reguy @page
<style type="text/css">
<!--
@page printed{
size: 3in 3in;
margin: .5in;
page-break-after: left;
{
body, p {
    page: printed
   width: 600px;
   widows: 1;
   page-break-after: right;
}

-->
</style>

=====================================

body, p {
    page: printed
   width: 600px;
   widows: 1;
   page-break-after: right;
}

=====================================

@page {
size: 8.5in 11in;
{

=====================================

@page {
size: 3in 3in;
margin: .5in;
page-break-after: left;
{

=====================================

pagebreak
  {
  page-break-before: always;
  }

=====================================

<h2 class="pagebreak">Jak dziaa system Panose</h2>

=====================================

Listing 24-2: Wykorzystanie waciwoci CSS page-break-before
<html>
<head>
<title>Drukowanie z CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
<!--
p.code {
font-family: "Courier New", Courier, mono;
font-size: 11px;
background-color: #CCCCCC;
padding: 3px;
}
.pagebreak {
page-break-before:always;
}
.inlinecode {
font-family: "Courier New", Courier, mono;
}
-->
</style>
</head>
<body>
<h1>Zrozumienie zagadnienia rodziny czcionek</h1>
<p>Zanim wybierzesz czcionk dla swojego arkusza stylw, powiniene zapozna si z podstawowymi informacjami na temat czcionek. Na przykad czcionki Arial oraz Helvetica s praktycznie identyczne.
<!-- Cz kodu pominita dla zaoszczdzenia drzew-->
</p>
<h2 class="pagebreak">Jak dziaa system Panose</h2>
<p>Panose jest systemem zastpowania czcionek, ktry wykorzystuje...
<!-Cz kodu pominita dla zaoszczdzenia drzew-->
</p>
<h2>Praca ze stylami czcionek</h2>
<p> W tradycyjnym HTML-u moesz wybra, czy Twoja czcionka bdzie wywietlana w stylu romaskim (nie wyrnionym kursyw), czy te kursyw. Su do tego elementy <span class="inlinecode">em</span>oraz <span class="inlinecode">i</span>:</p>
<!-- Cz kodu pominita dla zaoszczdzenia drzew-->
<!-Tutaj jest wicej akapitw -->
</body>
</html>


=====================================

widows: 4;
orphans: 3;

=====================================

<p STYLE="orphans: 3">Ten akapit nie moe si sam znale na kocu strony, jeeli nie zawiera co najmniej trzech wierszy</p>

=====================================

@page :left {
  margin-left: .5in;
  margin-right: .25in;
}
@page :right {
  margin-left: .25in;
  margin-right: .5in;
}

=====================================

@page { margin: 1in } 
@page :first {
  margin-top: 3in
}

=====================================


