اُپن تگ | منابع و محتوای آموزشی برای طراحان وب
بدون نتیجه
نمایش همه نتایج
  • ثبت نام / ورود
  • خانه
  • آموزش ها
  • مقالات
  • مرجع HTML
  • مرجع CSS
اپن تگ
  • خانه
  • آموزش ها
  • مقالات
  • مرجع HTML
  • مرجع CSS
بدون نتیجه
نمایش همه نتایج
بدون نتیجه
نمایش همه نتایج
اپن تگ

خانه › CSS3 › ویژگی › ویژگی background-size در CSS

ویژگی background-size در CSS

background-size Property

عناصر مرتبط:
background-attachment  background-image

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

پست قبلی

ویژگی background-repeat در CSS

پست بعدی

ویژگی border در CSS

پست بعدی
css-border-property

ویژگی border در CSS

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بنر مرجع html
بنر مرجع css

اُپن تگ

اپن تگ در تلاش است با گردآوری منابع و ارائه محتوای آموزشی در حوزه طراحی وب، راه را برای دسترسی طراحان وب و علاقه‌مندان به آخرین روش‌ها و تکنولوژی‌های این بخش از صنعت توسعه وب هموارتر سازد.

با خبر باشید!

برای اطلاع از مطالب ويژه و دوره های آموزشی جدید در خبرنامه اُپن‌تگ عضو شوید.

  • درباره
  • ارتباط با ما

تمامی حقوق برای اپن تگ محفوظ است. استفاده از مطالب تنها با ذکر منبع مجاز است.

  • ورود
  • ثبت نام
  • سبد خرید
  • خانه
  • آموزش ها
  • مقالات
  • مرجع HTML
  • مرجع CSS

خوش آمدید!

به حساب خود وارد شوید

فراموشی رمز عبور ؟ ثبت نام

ساخت حساب کاربری!

فرم زیر را برای ثبت نام تکمیل نمایید

همه فیلد ها ضروری اند وارد شدن

رمز عبور خود را بازیابی کنید

لطفاً ایمیل یا نام کاربری خود را جهت بازیابی رمز عبور وارد نمایید

وارد شدن