background-size Property
ویژگی background-size
در CSS اندازه تصویر پس زمینه را مشخص می کند. تصویر می تواند به اندازه طبیعی خود باشد یا کشیده شود و یا در محدوده فضایی که وجود دارد قرار گیرد (فیت شود.)
نحوه نوشتار
background-size: cover; background-size: contain; background-size: 23%; background-size: 12px; background-size: auto; background-size: 50% auto; background-size: auto, auto; background-size: 50%, 25%, 25%; background-size: 6px, auto, contain;
ویژگی background-size
توسط یکی از راه های زیر مشخص می شود:
- استفاده از مقادیر با کلید واژه مانند:
cover
,contain
- استفاده از مقدار برای عرض در مواردی که ارتفاع بصورت پیشفرض auto باشد.
- استفاده از مقدار هم برای عرض و هم ارتفاع، مقدار اول برای عرض در نظر گرفته می شود و مقدار دوم برای ارتفاع
مقادیر
contain
تغییر اندازه تصویر به هر میزان که امکان داشته باشد، بدون برش یا کشیدگی تصویر.
cover
تغییر اندازه تصویر بدون کشیدگی تصویر. اگر تناسب تصویر و عنصر متفاوت باشد، بصورت افقی یا عمودی و یا هر دو برش میخورد، بنابر این هیچ فضای خالی باقی نخواهد ماند.
auto
اندازه پیشفرض. تصویر پس زمینه در اندازه اصلی خود نمایش داده می شود.
پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی CSS پشتیبانی می کنند.