شنبه ۲۹ دي ۱۴۰۳
Tut24 آموزش برنامه نویسی و مجله تخصصی فناوری ورود/عضویت

آموزش CSS - رسانه صفحه بندی شده

رسانه‌های صفحه‌بندی(paged-media) CSS به مجموعه‌ای از ماژول‌های CSS اشاره دارد که قابلیت استایل‌دهی به سند‌ها را برای چاپ یا نمایش در رسانه‌های دیگر فراهم می‌کنند.

رسانه‌های صفحه‌بندی(paged-media) CSS ویژگی‌ها و خصوصیات اضافی ارائه می‌دهند که به طور خاص برای اسناد چاپی طراحی شده‌اند. با استفاده از ماژول‌های رسانه‌های صفحه‌بندی CSS، می‌توانید استایل‌شیت‌هایی ایجاد کنید که به طور خاص برای خروجی چاپی طراحی شده‌اند و اطمینان حاصل کنید که محتوا هنگام چاپ بر روی کاغذ خوب نمایش داده می‌شود.برای تولید گزارش‌ها، کتب و سند‌های دیگر که ارائه چاپی آنها مهم است می تواندکاربرد داشته باشد.

 خصوصیات paged-media

لیست خصوصیات CSS مرتبط با رسانه‌های صفحه‌بندی به شرح زیر است:

خصوصیت مقدار
break-after برای شکست صفحه پس از یک عنصر. این برای کنترل چیدمان صفحات چاپی کاربرد دارد.
break-before برای شکست صفحه قبل از یک عنصر. این برای کنترل چیدمان صفحات چاپی کاربرد دارد.
break-inside برای شکست صفحه در داخل یک عنصر. این برای کنترل چیدمان صفحات چاپی کاربرد دارد.
orphans تعیین حداقل تعداد خطوط شروعی که در پایین صفحه قرار داده می‌شود.
widows تعیین حداقل تعداد خطوط آخرین که در بالای صفحه قرار داده می‌شود.

Rules CSS@

لیست at-rules CSS مرتبط با رسانه‌های صفحه‌بندی به شرح زیر است:

خصوصیت مقدار
page@ تعیین استایل برای صفحات چاپی هنگامی که یک صفحه وب چاپ می‌شود.

 شبیه‌سازی کلاس‌ها paged-media

لیست شبیه‌سازی کلاس‌های CSS مرتبط با رسانه‌های صفحه‌بندی به شرح زیر است:

خصوصیت مقدار
first: انتخاب صفحه اول یک سند چاپی.
left: نمایش تمام صفحات چپ یک سند چاپی.
right: نمایش تمام صفحات راست یک سند چاپی.