CSS row-gap প্রক্রিয়া
বিবরণ ও ব্যবহার
row-gap অ্যাট্রিবিউট এলাস্টিক ফ্রেম বা গ্রিড লেআউটের হাইপারস্পেসের মধ্যে স্থান নির্ধারণ করে।
row-gap অ্যাট্রিবিউট পূর্বে grid-row-gap。
অন্যান্য দেখুন:
CSS টিউটোরিয়াল:CSS গ্রিড লেআউট
CSS টিউটোরিয়াল:CSS এলাস্টিক ফ্রেম লেআউট
CSS রেফারেন্স ম্যানুয়েল:gap অ্যাট্রিবিউট
CSS রেফারেন্স ম্যানুয়েল:column-gap অ্যাট্রিবিউট
ইনস্ট্যান্স
উদাহরণ 1
গ্রিড হাইপারস্পেস 50 পিক্সেল নির্ধারণ করুন:
#grid-container {
display: grid;
row-gap: 50px;
}
উদাহরণ 2: এলাস্টিক ফ্রেম লেআউট
এলাস্টিক ফ্রেম লেআউটে 70px হাইপারস্পেস নির্ধারণ করুন:
#flex-container {
display: flex;
row-gap: 70px;
}
CSS 语法
row-gap: length|normal|initial|inherit;
| মান | বর্ণনা |
|---|---|
| length | হাইপারস্পেসের মধ্যে স্থান নির্ধারণ করুন যা নির্দিষ্ট দৈর্ঘ্য বা প্রতিশতকে নির্দিষ্ট করে। |
| normal | ডিফল্ট মান। দৈনন্দিন হাইপারস্পেসের মধ্যে প্রতিটি হাইপারস্পেসের মধ্যে স্থান নির্ধারণ করুন। |
| initial | এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে ন্যায়িত্ত করুন। দেখুন: initial。 |
| inherit | এই অ্যাট্রিবিউটটি তার পিতৃত্ব এলিমেন্ট থেকে উত্তরসূরী করুন। দেখুন: inherit。 |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | normal |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়। অলিঙ্কপট দেখুন:অ্যানিমেশন সংক্রান্ত অ্যাট্রিবিউট。 |
| সংস্করণ: | CSS Box Alignment Module Level 3 |
| JavaScript 语法： | object.style.rowGap="50px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই অ্যাট্রিবিউটটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে।
| লেআউট | Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| গ্রিডে | 66 | 16 | 61 | 12 | 53 |
| এলাস্টিক ফ্রেমে | 84 | 84 | 63 | 14.1 | 70 |
