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