نمط ملكية الأيتام
مثال
قم بتغيير الأيتام وتحقق من معاينة الطباعة أو معاينة الطباعة:
<html>
<head>
<script>
function ChangeOrphans()
{
document.getElementById("p1").style.orphans = document.getElementById("orphans").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
{
.orphans
{
orphans:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">Change orphans</button>
<p style="font-size:120%" id="p1">
Change orphans 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>
</body>
</html>
جربها بنفسك "
التعريف والاستخدام
تحدد الخاصية المعزولة أو تُرجع الحد الأدنى لعدد الأسطر للعنصر الذي يجب أن يكون مرئيًا في الجزء السفلي من الصفحة (للطباعة أو معاينة الطباعة).
تؤثر خاصية الأيتام فقط على عناصر مستوى الكتلة.
نصيحة: الأيتام: 5 تعني وجوب ظهور 5 أسطر على الأقل فوق فاصل الصفحة.
تلميح: راجع خاصية الأرامل لتعيين أو إرجاع الحد الأدنى لعدد الأسطر للعنصر الذي يجب أن يكون مرئيًا في أعلى الصفحة.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
orphans | Yes | Not supported | Not supported | Not supported | Yes |
بناء الجملة
إعادة ممتلكات الأيتام:
object.style.orphans
قم بتعيين خاصية الأيتام:
object.style.orphans = "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 |
❮ نمط الكائن