CSS ফ্লেক্স-ওয়্যাপ এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা ফ্লেক-শ্রিনক
- পরবর্তী পৃষ্ঠা ফ্লোট
বিবরণ ও ব্যবহার
flex-wrap গুণটি নির্দেশ করে যে, ফ্লেকস প্রক্রিয়াটি পৃষ্ঠাভাগ নিবেদন করা উচিত কি না。
মন্তব্য:যদি এলিমেন্ট ফ্লেকস প্রক্রিয়াটি নয়, তবে flex গুণ বেকার থাকবে。
অন্যান্য দেখুন:
CSS টিউটোরিয়াল: CSS ফ্লেকস বক্স
CSS রেফারেন্স ম্যানুয়েল:flex গুণ
CSS রেফারেন্স ম্যানুয়েল:flex-basis গুণ
CSS রেফারেন্স ম্যানুয়েল:flex-direction গুণ
CSS রেফারেন্স ম্যানুয়েল:flex-flow গুণ
CSS রেফারেন্স ম্যানুয়েল:flex-grow গুণ
CSS রেফারেন্স ম্যানুয়েল:flex-shrink গুণ
HTML DOM রেফারেন্স ম্যানুয়েল:flexWrap গুণ
উদাহরণ
প্রয়োজন হলে ফ্লেকস প্রক্রিয়াটি পৃষ্ঠাভাগ নিবেদন করুন:
div {
display: flex;
flex-wrap: wrap;
}
CSS গ্রামার
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
গুণমূল্য
| মান | বর্ণনা |
|---|---|
| nowrap | ডিফল্ট মান। এই গুণটি নির্দেশ করে যে, ফ্লেকস প্রক্রিয়াটি পৃষ্ঠাভাগ নিবেদন করবে না。 |
| wrap | এই গুণটি নির্দেশ করে যে, যখন প্রয়োজন হয়, ফ্লেকস প্রক্রিয়াটি পৃষ্ঠাভাগ নিবেদন করবে。 |
| wrap-reverse | এই গুণটি নির্দেশ করে যে, যখন প্রয়োজন হয়, ফ্লেকস প্রক্রিয়াটি বিপরীত দিকে পৃষ্ঠাভাগ নিবেদন করবে。 |
| initial | এই গুণটিকে তার ডিফল্ট মানে সজ্জিত করুন। দেখুন: initial。 |
| inherit | এই গুণটিকে তার পিতৃত্ব থেকে উত্তরাধিকার নেয়। দেখুন: inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | nowrap |
|---|---|
| উত্তরাধিকার: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。 |
| সংস্করণ: | CSS3 |
| জেভাস্ক্রিপ্ট গ্রামার: | object.style.flexWrap="nowrap" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে。
যেসব সংখ্যা -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 |
- পূর্ববর্তী পৃষ্ঠা ফ্লেক-শ্রিনক
- পরবর্তী পৃষ্ঠা ফ্লোট
