ویژگی Style widows

تعریف و استفاده

widows این ویژگی تعداد حداقلی از خطوطی که باید در بالای صفحه قابل مشاهده باشند را تنظیم یا بازگرداند (برای چاپ یا نمایش پیش‌نویس).

widows این ویژگی فقط بر عناصر بلوکی تأثیر می‌گذارد.

نکته:widows:5 نمایش می‌دهد که باید حداقل 5 خط قابل مشاهده زیر نشانگر صفحه‌بندی باشد.

نکته:لطفاً به ویژگی orphans برای تنظیم یا بازگشت تعداد最少 خطوطی که باید در پایین صفحه قابل مشاهده باشند استفاده می‌شود.

مثال

تغییر widows و بررسی چاپ یا چاپ پیش‌نویس:

<html>
<head>
<script>
function ChangeWidows() {
  document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
/* تنظیم اندازه صفحه چاپ */
  size: 21cm 27cm;
  margin-top: 2cm;
}
@media print {
  .widows {
    widows:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>
<p style="font-size:120%" id="p1">
ویژگی widows را تغییر دهید و نتیجه چاپ پیش‌نویس را مشاهده کنید.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html>

آزمایش کنید

نحوه استفاده

بازگشت ویژگی widows:

object.style.widows

تنظیم ویژگی widows:

object.style.widows = "number|initial|inherit"

مقدار ویژگی

مقدار توضیح
number عدد، که تعداد最少 خطوط قابل مشاهده را مشخص می‌کند. نمی‌توان از مقادیر منفی استفاده کرد. مقدار پیش‌فرض 2 است.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: 2
مقدار بازگشتی: رشته، که تعداد最少 خطوطی را که باید در بالای صفحه چاپ شود را نشان می‌دهد.
نسخه CSS: CSS2

پشتیبانی از مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگر پشتیبان از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 نپشتیبانی می‌شود 7.0 10.0