ویژگی background-size در CSS

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 پشتیبانی می کنند.