خصوصیت page-break-before
مثال (خصوصیت page-break-before)
تنظیم خصوصیت page break برای عنصر h1 تا همیشه قبل از آن یک break ایجاد شود:
<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" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت 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)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6443
