خاصية أرامل النمط
مثال
قم بتغيير النوافذ وتحقق من معاينة الطباعة أو معاينة الطباعة:
<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
{
/* set size of printed 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">
Change widows and see the print preview.<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>
جربها بنفسك "
التعريف والاستخدام
تحدد خاصية النوافذ أو تُرجع الحد الأدنى لعدد الأسطر لعنصر يجب أن يكون مرئيًا في أعلى الصفحة (للطباعة أو معاينة الطباعة).
تؤثر خاصية الأرامل فقط على عناصر مستوى الكتلة.
نصيحة: الأرامل: 5 تعني أنه يجب ظهور 5 أسطر على الأقل أسفل فاصل الصفحة.
تلميح: راجع خاصية الأيتام لتعيين أو إرجاع الحد الأدنى لعدد الأسطر للعنصر الذي يجب أن يكون مرئيًا في أسفل الصفحة.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
widows | Yes | Not supported | Not supported | Not supported | Yes |
بناء الجملة
إعادة ممتلكات الأرامل:
object.style.widows
قم بتعيين خاصية الأرامل:
object.style.widows = "number|initial|inherit"
قيم الملكية
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 2 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل الحد الأدنى لعدد الأسطر المطلوب طباعتها في أعلى الصفحة |
إصدار CSS | CSS2 |
❮ نمط الكائن