توضیح کامل دربارهٔ CSS / Miscellaneous print-color-adjust

css print color adjust guide
20 آبان 1403

در هنگام چاپ یک صفحه وب، ممکن است متوجه شوید که رنگ‌های صفحه نسبت به آنچه که بر روی صفحه نمایش می‌دیدید، متفاوت به نظر می‌رسند. ویژگی print-color-adjust در CSS به شما اجازه می‌دهد تا کنترل بیشتری بر روی نمایش رنگ‌ها در فرآیند چاپ داشته باشید. این ویژگی برای مرورگرهایی که از چاپ بهینه‌تری از رنگ‌ها پشتیبانی می‌کنند، کاربرد دارد و به کاربران اطمینان می‌دهد که رنگ‌های صفحه به بهترین شکل ممکن در چاپ منتقل شود.

ویژگی print-color-adjust سه مقدار مختلف می‌تواند داشته باشد: economy،exact، و auto. مقدار economy باعث می‌شود که مرورگر تلاش کند بهینه‌سازی بیشتری در مصرف جوهر هنگام چاپ انجام دهد، در حالی که exact ترجیح می‌دهد که رنگ‌ها دقیقا همانطور که در صفحه نمایش داده می‌شدند، چاپ شوند. مقدار auto که به طور پیش‌فرض به کار می‌رود، به مرورگر اجازه می‌دهد تصمیم بگیرد که بهینه‌سازی را با توجه به شرایط تعریف کند.

چرا print-color-adjust مهم است؟

این ویژگی به خصوص زمانی مفید است که طراحی وب سایت شما به شدت به نمایش رنگ‌های خاصی متکی است و نمی‌خواهید کیفیت یا دقت رنگ‌ها در هنگام چاپ کاهش یابد. ویژگی print-color-adjust به شما کمک می‌کند تا اطمینان حاصل کنید که رنگ‌ها به نحوی که طراحی شده بودند، به چاپ برسند و ارائه بصری صحیح را حتی در نسخه چاپی حفظ نمایید.

نحوه استفاده از print-color-adjust

برای استفاده از print-color-adjust کافی است آن را در فایل CSS خود به درستی پیکربندی کنید. برای مثال اگر می‌خواهید رنگ‌های خاصی را با دقت در چاپ حفظ کنید، می‌توانید از مقدار exact استفاده کنید.


.example {
  print-color-adjust: exact;
}

حال نگاهی بندازیم به توضیح خط به خط این کد:

.example: این کلاس CSS برای عنصری که می‌خواهید تنظیمات رنگ آن در چاپ انجام شود، تعریف شده است.
print-color-adjust: ویژگی‌ای از CSS که به کنترل کیفیت رنگ‌ها در زمان چاپ می‌پردازد.
exact: مقدار که به مرورگر دستور می‌دهد که رنگ‌ها را به صورت دقیق چاپ کند.

سوالات متداول

؟

چطور می‌تونم از print-color-adjust در پروژه خود استفاده کنم؟

؟

تفاوت بین exact و economy در print-color-adjust چیه؟

؟

آیا همه مرورگرها از print-color-adjust پشتیبانی می‌کنند؟