مثال
تغيير الأرامل وتحقق من طباعة أو معاينة قبل الطباعة:
<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> انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية الأرامل أو إرجاع الحد الأدنى لعدد من خطوط لأحد العناصر التي يجب أن تكون واضحة في الجزء العلوي من صفحة (for printing or print preview) .
الخاصية الأرامل يؤثر فقط على العناصر على مستوى الكتلة.
Tip: الأرامل: 5 يعني أن لا يقل عن 5 خطوط يجب أن تكون مرئية أسفل فاصل الصفحات.
Tip: راجع الملكية الأيتام لتعيين أو إعادة الحد الأدنى لعدد من خطوط لأحد العناصر التي يجب أن تكون واضحة في أسفل الصفحة.
دعم المتصفح
ويدعم خاصية الأرامل في إنترنت إكسبلورر، أوبرا وكروم.
ملاحظة: لا يتم اعتماد خاصية الأرامل في فايرفوكس أو سفاري. غير معتمد الملكية في IE7 وفي وقت سابق. IE8 يتطلب DOCTYPE!. IE9 في وقت لاحق يحظى بدعم كامل.
بناء الجملة
إعادة الممتلكات الأرامل:
object .style.widows
تعيين الخاصية الأرامل:
object .style.widows=" قيم الممتلكات القيمة وصف number عدد صحيح يحدد الحد الأدنى لعدد من خطوط واضحة. لا يسمح القيم السلبية. القيمة الافتراضية هي 2 initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: 2 قيمة الإرجاع: سلسلة تمثل الحد الأدنى لعدد من خطوط للطباعة في أعلى الصفحة صفحة CSS CSS2
<كائن نمط