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