Ostatnio edytowany:

widows

Autor: Virtual Patriot

Opis właściwości widows

Za pomocą właściwości widows możemy określić minimalną liczbę wierszy, jakie powinny znaleźć się na następnej stronie wewnątrz obszaru interesującego nas elementu HTML w sytuacji gdy przełamanie strony podczas drukowania wystąpi wewnątrz obszaru tego elementu HTML.

Dodatkowe techniczne informacje o właściwości widows

przeznaczenie

element HTML tworzący blok treści

dziedziczenie

tak

wartość initial

2

wyjątki initial

brak

animowanie

nie

Interpretacja właściwości widows

Firefox

nie

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 8

Edge

tak

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

Opis wartości właściwości widows

liczba całkowita

Opis

Za pomocą właściwości widows oraz dowolnej dodatniej liczby całkowitej możemy określić minimalną liczbę wierszy, jakie powinny znaleźć się na następnej stronie wewnątrz obszaru interesującego nas elementu HTML w sytuacji gdy przełamanie strony podczas drukowania wystąpi wewnątrz obszaru tego elementu HTML.

Przykład

  widows:30;

Zobacz rezultat: przykład właściwości widows

Minimalną liczbą wierszy, jakie powinny znaleźć się na następnej stronie wewnątrz obszaru przykładowego elementu "div" w sytuacji gdy przełamanie strony podczas drukowania wystąpi wewnątrz obszaru przykładowego elementu "div" jest liczba 30, ponieważ do wspomnianego elementu "div" została dodana właściwość "widows" wraz z wartością "30".

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 {
        widows:30;
        width:50%;
        margin:50% auto 0;
        padding:1em;
        font-size:1.3em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych, ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych
    </div>

  </body>
</html>