صفت page-break-after در css
صفت page-break-after در css شکست صفحه بعد از تگ html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت page-break-after در زبان css توضیحاتی را ارائه نماییم.
ویژگی کاربردی page-break-after در زبان سی اس اس و در دومین نسخه این زبان طراحی یعنی css2 معرفی شده است.
معرفی و کاربرد ویژگی page-break-after در زبان طراحی سی اس اس
به کمک خاصیت page-break-after می توانیم رفتار مربوط به شکسته شدن صفحه ( رفتن به صفحه بعد ) را بعد از یک تگ html تنظیم نماییم.
نکات مهم
- خصوصیت page-break-after برای آن دسته از تگ های html که موقعیت آن ها از طریق خاصیت position با مقدار absolute تعیین شده قابل استفاده نیست.
- تا حد امکان از خصوصیت هایی که در دسته page-breaking ها در سی اس اس قرار می گیرد، برای تگ های html به خصوص برای عناصری که در ساخت جداول ، شناور کردن عناصر block با حاشیه هستند اجتناب نمایید.
مقادیر صفت کاربردی page-break-after در زبان طراحی css
صفت page-break-after که در زبان طراحی CSS2 معرفی شده است، 7 مقدار می پذیرد که عبارتند از:
- مقدار auto
- مقدار always
- مقدار avoid
- مقدار left
- مقدار right
- مقدار initial
- مقدار inherit
مقدار auto درون خاصیت page-break-after در زبان سی اس اس
اگر خاصیت page-break-after را برای یک عنصر html برابر با مقدار auto قرار دهیم، در حقیقت می خواهیم حالت پیش فرض شکست به صفحه دیگر را بعد از یک تگ html تعیین نماییم.
مقدار auto به عنوان مقدار پیش فرض خصوصیت page-break-after می باشد.
[html] div{ page-break-after: auto; }[/html]
صفت page-break-inside در css شکستن صفحه در تگ html
مقدار always درون خاصیت page-break-after در زبان css
اگر خاصیت page-break-after را برای یک عنصر html برابر با مقدار always قرار دهیم، در حقیقت می خواهیم حالت شکست به صفحه دیگر بعد از یک تگ html همواره رخ دهد.
[html] div{ page-break-after: always; }[/html]
مقدار avoid درون خاصیت page-break-after در زبان سی اس اس
اگر خاصیت page-break-after را برای یک عنصر html برابر با مقدار avoid قرار دهیم، در حقیقت می خواهیم از حالت شکست به صفحه دیگر بعد از یک تگ html جلوگیری نماییم.
[html] div{ page-break-after: avoid; }[/html]
مقدار left درون خاصیت page-break-after در زبان css
اگر خاصیت page-break-after را برای یک عنصر html برابر با مقدار left قرار دهیم، در حقیقت می خواهیم حالت شکست به صفحه دیگر تا زمانی که به یک صفحه خالی به سمت چپ تگ html مربوطه برسد، ادامه یابد.
[html] div{ page-break-after: left; }[/html]
مقدار right درون خاصیت page-break-after در زبان سی اس اس
اگر خاصیت page-break-after را برای یک عنصر html برابر با مقدار right قرار دهیم، در حقیقت می خواهیم حالت شکست به صفحه دیگر تا زمانی که به یک صفحه خالی به سمت راست تگ html مربوطه برسد، ادامه یابد.
[html] div{ page-break-after: right; }[/html]
مقدار initial درون خاصیت page-break-after در زبان css
اگر خاصیت page-break-after را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت page-break-after در زبان سی اس اس
اگر خاصیت page-break-after را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت page-break-after از نظر نسخه زبان طراحی css
ویژگی کاربردی page-break-after در دومین نسخه این زبان طراحی یعنی css2 معرفی شده است.
بررسی ساختاری خصوصیت page-break-after در زبان طراحی سی اس اس
عناوین ساختاری خاصیت page-break-after | وضعیت ساختاری خاصیت page-break-after |
مقدار پیش فرض | auto |
قابلیت توارث | ندارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS2 |
سینتکس صفت در جاوا اسکریپت | "object.style.pageBreakAfter="always |
پشتیبانی مرورگرهای اینترنتی از خاصیت page-break-after در زبان طراحی css
خاصیت css | |||||
page-break-after | 1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
صفت page-break-after در css شکست صفحه بعد از تگ – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید