ویژگی page-break-after CSS

تعریف و استفاده

ویژگی page-break-after تنظیم رفتار تغییر صفحه عناصر بعدی را تعیین می‌کند.

با اینکه می‌توان با استفاده از always تغییر صفحه را اجباری کرد، اما نمی‌توان از قرار دادن تغییر صفحه جلوگیری کرد، سازنده‌ها می‌توانند تنها درخواست کنند که کاربران به حداقل ممکن تغییر صفحه را اجتناب کنند.

برای:عناصر بلوکی غیرشناور با position به مقدار relative یا static.

نکته:لطفاً از ویژگی‌های تغییر صفحه به حداقل ممکن استفاده کنید و از استفاده از ویژگی‌های تغییر صفحه در جدول‌ها، عناصر شناور و عناصر بلوکی با حاشیه خودداری کنید.

لطفاً به: مراجعه کنید

دستورالعمل مرجع HTML DOM:ویژگی pageBreakAfter

مثال

تنظیم رفتار تغییر صفحه به صورت همیشه در عناصر جدول:

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

قوانین CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

مقدار ویژگی

مقدار توضیحات
auto پیش‌فرض. اگر نیاز باشد، صفحات تغییر صفحه را در عناصر بعدی قرار دهید.
always قرار دادن صفحات تغییر صفحه در عناصر بعدی.
avoid جلوگیری از قرار دادن صفحات تغییر صفحه در عناصر بعدی.
left تا یک صفحه خالی سمت چپ، با استفاده از صفحات تغییر صفحه کافی در عناصر بعدی.
right تا یک صفحه خالی سمت راست، با استفاده از صفحات تغییر صفحه کافی در عناصر بعدی.
inherit تعیین می‌کند که تنظیمات page-break-after باید از عنصر والد به عناصر فرزند منتقل شود.

جزئیات فنی

مقدار پیش‌فرض: auto
انجام میراث: no
نسخه: CSS2
قوانین جاوااسکریپت: object.style.pageBreakAfter="always"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0