CSS background-size প্রোপার্টি

বিবরণ ও ব্যবহার

background-size বৈশিষ্ট্য পটভূমি ছবিটির মাপ নির্দেশ করে

অন্যান্য দেখুন:

CSS শিক্ষাদন্ড:CSS এর পিছনের দিকCSS পটভূমি (অগ্রণী)

HTML DOM পরিচ্ছেদকৃত বিভাগ:backgroundSize বৈশিষ্ট্য

প্রদর্শন

পটভূমি ছবিটির মাপ নির্দেশ করে

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

স্বয়ং প্রয়াস করুন

CSS য়াক্রিয়া

background-size: length|percentage|cover|contain;

বৈশিষ্ট্য মান

মান বর্ণনা পরীক্ষা
length

পটভূমি ছবিটির প্রস্থ ও উচ্চতা সংজ্ঞায়িত করে

প্রথমটি প্রস্থ সংজ্ঞায়িত করে, দ্বিতীয়টি উচ্চতা সংজ্ঞায়িত করে

যদি শুধুমাত্র একটি মান সংজ্ঞায়িত হয়, তবে দ্বিতীয়টি "auto" হবে

পরীক্ষা
percentage

পিতৃত্বপূর্ণ ইউনিটের পারসেন্টে পটভূমি ছবিটির প্রস্থ ও উচ্চতা সংজ্ঞায়িত করে

প্রথমটি প্রস্থ সংজ্ঞায়িত করে, দ্বিতীয়টি উচ্চতা সংজ্ঞায়িত করে

যদি শুধুমাত্র একটি মান সংজ্ঞায়িত হয়, তবে দ্বিতীয়টি "auto" হবে

পরীক্ষা
cover

পটভূমি ছবিটিকে পর্যাপ্ত মাপে সম্প্রসারিত করে, যাতে পটভূমি ছবিটি সম্পূর্ণরূপে পটভূমি ক্ষেত্রটিকে আচ্ছাদিত করে

পটভূমি ছবিটির কিছু অংশ পটভূমি অবস্থান ক্ষেত্রে প্রদর্শিত হতে পারে না

পরীক্ষা
contain ছবিটিকে সর্বোচ্চ মাপে সম্প্রসারিত করে, যাতে ছবির প্রস্থ ও উচ্চতা সম্পূর্ণরূপে অঙ্কন ক্ষেত্রটিকে মানিত করে পরীক্ষা

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto
পুনরুত্তরকারীতা: no
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠনশৈলী: object.style.backgroundSize="60px 80px"

আরও প্রদর্শন

পটভূমি ছবিটিকে সমতলভাবে সম্প্রসারিত করে
পটভূমি ছবিটিকে সমতলভাবে সম্প্রসারিত করে, যাতে পটভূমি ছবিটি সম্পূর্ণরূপে অঙ্কন ক্ষেত্রটিকে আচ্ছাদিত করে
পটভূমি ছবিটিকে সমতলভাবে সম্প্রসারিত করে, যাতে পটভূমি ছবিটি স্বতন্ত্রভাবে চারবার অনুকৃত হয়
প্রক্ষেপণ পটভূমি ছবিটিকে সমতলভাবে সম্প্রসারিত করে, যাতে পটভূমি ছবিটি স্বতন্ত্রভাবে চারবার অনুকৃত হয়。

ব্রাউজার সমর্থন

টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি নির্দেশ করে。

চ্রোম এজ ফায়ারফক্স সাফারি ওপেরা
চ্রোম IE / এজ ফায়ারফক্স সাফারি ওপেরা
4.0
1.0 -webkit-
9.0 4.0
3.6 -moz-
4.1
3.0 -webkit-
10.5
10.0 -o-