CSS background-size প্রোপার্টি
- 上一页 background-repeat
- 下一页 block-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- |
- 上一页 background-repeat
- 下一页 block-size