0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  2:20 AM

خصوصیت page-break-inside

مثال

تنظیم خصوصیت page break برای جدول تا هیچگاه داخل آن یک break ایجاد نشود:

<html>
<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"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

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

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

avoid

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

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

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها