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