CSS page-break-inside کا پروپرٹی

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

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

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

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

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

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

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

مثال

تنظیمات صفحه‌بندی برای جلوگیری از صفحه‌بندی در داخل عنصر جدول:

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

جمله‌بندی CSS

page-break-inside: auto|avoid|initial|inherit;

مقدار ویژگی

مقدار توضیحات
auto پیش‌فرض. اگر لازم باشد، خطوط صفحه‌بندی در داخل عنصر قرار می‌گیرند.
avoid جلوگیری از قرار دادن خطوط صفحه‌بندی در داخل عنصر.
inherit این مقرر می‌کند که تنظیمات page-break-inside از عنصر والد باید به عنصر جاری منتقل شود.

جزئیات فنی

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

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

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

چروم IE / ایج فائرفاکس سافری اوپرا
1.0 8.0 19.0 1.3 7.0