نمونه کد

یک نمونه ساده از خاصیت image-rendering:

آزمایشگاه

تعریف و کاربرد

برای تعیین نوع الگوریتم مقیاس بندی تصاویر از خاصیت image-rendering استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض خودکار
ارث بری بله
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.imageRendering="pixelated"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
image-rendering

شیوه نگارش

مقادیر

مقادیر توضیحات
auto با استفاده از مقدار auto به مرورگر این دسترسی را می دهید تا خودش الگوریتم مناسب را انتخاب و استفاده کند.
smooth
high-quality
crisp-edges از الگوریتم هایی استفاده کنید که لبه های تصویر را حفظ می کنند.
pixelated اگر تصویر بزرگ باشد، از الگوریتم nearest-neighbor استفاده می شود.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.