خصوصیت page-break-before

چاپ

مثال (خصوصیت page-break-before)

تنظیم خصوصیت page break برای عنصر h1 تا همیشه قبل از آن یک break ایجاد شود:

<html>
<head>
<style>
@media print
{
h1 {page-break-before:always}
}
</style>
</head>

<body>
....
</body>
</html>

تعریف و کاربرد

با استفاده از خصوصیت page-break-before می توان رفتار مربوط به شکستن صفحه (رفتن به صفحه بعد) را قبل از یک عنصر تنظیم کرد.

توجه: در صورتی که مکان دهی از نوع absolute باشد، نمی توان از این خصوصیت استفاده کرد.

توجه: تا جایی که امکان دارد از خصوصیت های مربوط به شکستن صفحه (page-breaking) کمتر استفاده نمایید و از به کارگیری این خصوصیت در جداول، عناصر شناور، و عنصرهای block با حاشیه بپرهیزید.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.pageBreakBefore="always"

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت page-break-before را پشتیبانی می کنند.

توجه: هیچ کدام از نسخه های Internet Explorer مقادیر "left"، "right" یا "inherit" را برای این خصوصیت پشتیبانی نمی کنند.

توجه: مرورگر های Firefox، Chrome و Safari مقادیر "right"، "left" و "avoid" را برای این خصوصیت پشتیبانی نمی کنند.


مقدارهای خصوصیت

مقدارتوضیحات
auto

در صورت لزوم قبل از عنصر یک page break می گذارد. این مقدار پیش فرض است.

always

همواره قبل از عنصر یک page break درج می کند.

avoid

اجازه درج page break قبل از عنصر را نمی دهد.

left

تا زمانی که به یک صفحه خالی سمت چپ برسد، قبل از عنصر page break درج می کند.

right

تا زمانی که به یک صفحه خالی سمت راست برسد، قبل از عنصر page break درج می کند.

inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.

بیاموزهای مرتبط

page-break-after (مرجع خصوصیت های CSS)