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.
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".
<!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:#7DCDE8;
}
</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>
