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