خصائص 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();">غير widows</button>
<p style="font-size:120%" id="p1">
استبدل widows وأعرض عرض الطباعة.<br>
السطر 2<br>
السطر 3<br>
السطر 4<br>
السطر 5<br>
السطر 6<br>
السطر 7<br>
السطر 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