خصوصیت page-break-after
مثال (خصوصیت page-break-after)
تنظیم خصوصیت page break برای جدول تا همیشه بعد از آن یک break ایجاد شود:
<head>
<style>
@media print
{
table {page-break-after:always}
}
</style>
</head>
<body>
....
</body>
</html>
تعریف و کاربرد
با استفاده از خصوصیت page-break-after می توان رفتار مربوط به شکستن صفحه (رفتن به صفحه بعد) را بعد از یک عنصر تنظیم کرد.
توجه: در صورتی که مکان دهی از نوع absolute باشد، نمی توان از این خصوصیت استفاده کرد.
توجه: تا جایی که امکان دارد از خصوصیت های مربوط به شکستن صفحه (page-breaking) کمتر استفاده نمایید و از به کارگیری این خصوصیت در جداول، عناصر شناور، و عنصرهای block با حاشیه بپرهیزید.
| مقدار پیشفرض | auto |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.pageBreakAfter="always" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت page-break-after را پشتیبانی می کنند.
توجه: هیچ کدام از نسخه های Internet Explorer مقادیر "right" ،"left" یا "inherit" را برای این خصوصیت پشتیبانی نمی کنند.
توجه: مرورگر های Firefox، Chrome و Safari مقادیر "avoid"، "left" و "avoid" را برای این خصوصیت پشتیبانی نمی کنند.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| auto |
در صورت لزوم بعد از عنصر یک page break می گذارد. این مقدار پیش فرض است. |
| always |
همواره بعد از عنصر یک page break درج می کند. |
| avoid |
اجازه درج page break بعد از عنصر را نمی دهد. |
| left |
تا زمانی که به یک صفحه خالی سمت چپ برسد، بعد از عنصر page break درج می کند. |
| right |
تا زمانی که به یک صفحه خالی سمت راست برسد، بعد از عنصر page break درج می کند. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
page-break-inside (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6757
