Ostatnio edytowany:

page-break-before

Autor: Virtual Patriot

Opis właściwości page-break-before

Za pomocą właściwości page-break-before możemy określić w jaki sposób interesujący nas element HTML powinien mieć wpływ na przełamanie strony podczas drukowania.

Dodatkowe techniczne informacje o właściwości page-break-before

przeznaczenie
dziedziczenie
  • nie
wartość initial
wyjątki initial
  • brak
animowanie
  • nie

Interpretacja właściwości page-break-before

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Zobacz więcej informacji o interpretacji właściwości .

Opis wartości właściwości page-break-before

auto

Opis

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.

Przykład

ten element "div" nie ma wpływu na przełamanie strony podczas drukowania

Kod źródłowy przykładu

<!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:#AFF;
      }
    </style>
  </head>

  <body>

    <div>
      ten element "div" nie ma wpływu na przełamanie strony podczas drukowania
    </div>

  </body>
</html>

always

Opis

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.

Przykład

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"

Kod źródłowy przykładu

<!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:#AFF;
      }
    </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>

avoid

Opis

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.

Przykład

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"

Kod źródłowy przykładu

<!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:#AFF;
      }
    </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>