CSS ফ্লেক্স-শ্রিনক এট্রিবিউট
সংজ্ঞা ও ব্যবহার
flex-shrink প্রতিভা একই কনটেনারে স্থাপিত হয়, যেখানে প্রতিটি গতিবিধি বস্তুর প্রতি সক্রিয় হওয়ার পরিমাণকে নির্দেশ করে。
মন্তব্য:যদি এলিমেন্ট গতিবিধি বস্তু না হয়, তবে flex প্রতিভা নগণ্য হবে。
অতিরিক্ত দেখুন:
CSS টিউটোরিয়াল: CSS এক্সটেনশন
CSS রেফারেন্স ম্যানুয়েল:flex প্রতিভা
CSS রেফারেন্স ম্যানুয়েল:flex-basis প্রতিভা
CSS রেফারেন্স ম্যানুয়েল:flex-direction প্রতিভা
CSS রেফারেন্স ম্যানুয়েল:flex-flow প্রতিভা
CSS রেফারেন্স ম্যানুয়েল:flex-grow প্রতিভা
CSS রেফারেন্স ম্যানুয়েল:flex-wrap প্রতিভা
HTML DOM রেফারেন্স ম্যানুয়েল:flexShrink প্রতিভা
ইনস্ট্যান্স
দ্বিতীয়টি গতিবিধি বস্তুকে অন্যান্য গতিবিধি বস্তুদের তুলনায় তিনগুণ কম করুন:
div:nth-of-type(2) {
flex-shrink: 3;
}
CSS সংজ্ঞা
flex-shrink: number|initial|inherit;
প্রতিভা মান
| মান | বর্ণনা |
|---|---|
| number | সংখ্যা, যা প্রতিটি প্রতিভাটির প্রতি অপেক্ষাকৃত সক্রিয় হওয়ার পরিমাণকে নির্দেশ করে। ডিফল্ট মান 1। |
| initial | এই প্রতিভা ডিফল্ট মান হিসাবে সংজ্ঞায়িত করুন। দেখুন - initial。 |
| inherit | এই প্রতিভা পিতৃত্বকে থাকা প্রতিভা থেকে উত্তরসূরী করুন। দেখুন - inherit。 |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | 1 |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়: দেখুন -অ্যানিমেশন-সংক্রান্ত প্রতিভা。 |
| সংস্করণ: | CSS3 |
| JavaScript সংজ্ঞা： | object.style.flexShrink="5" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যাগুলি এই প্রতিভাটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে।
যে সংখ্যাগুলি -webkit- বা -moz- দ্বারা সম্প্রসারিত, তা প্রথম সংস্করণটির প্রিফিক্স ব্যবহার করে।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
