ویژگی Style orphans
- صفحه قبلی order
- صفحه بعدی outline
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
orphans
این ویژگی تعداد حداقلی از خطوطی که باید در پایین صفحه قابل مشاهده باشند را تنظیم یا بازگرداند (برای چاپ یا پیشنمایش چاپ).
orphans
این ویژگی فقط بر روی عناصر بلوکی تأثیر میگذارد.
نکته: }}orphans:5
نمایش این است که باید حداقل 5 خط قابل مشاهده در بالای نشانگر صفحه باشد.
نکته: }}لطفاً به ویژگی widows برای تنظیم یا بازگشت تعداد最少 خطوطی که باید در بالای صفحه قابل مشاهده باشند استفاده میشود.
مثال
orphans را تغییر دهید و چاپ یا پیشنمایش چاپ را بررسی کنید:
<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 { /* اندازهی صفحهی چاپ را تنظیم کنید */ 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();">orphans تغییر دهید</button> <p style="font-size:120%" id="p1"> orphans را تغییر دهید و پیشنمایش چاپ را مشاهده کنید.<br> خط 2<br> خط 3<br> خط 4<br> خط 5<br> خط 6<br> خط 7<br> خط 8<br> </p> </body> </html>
نحوهی نوشتن
بازگشت ویژگی orphans:
object.style.orphans
تنظیم ویژگی orphans:
object.style.orphans = "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 | پشتیبانی نمیشود | 3.1 | 10.0 |
- صفحه قبلی order
- صفحه بعدی outline
- برگشت به لایه بالاتر اجزای Style HTML DOM