CSS grid-gap অপারেশন
- পূর্ববর্তী পৃষ্ঠা grid-column-start
- পরবর্তী পৃষ্ঠা grid-row
বিবরণ ও ব্যবহার
grid-gap বৈশিষ্ট্যটি গ্রিড লেআউটের সারি এবং সারির মধ্যের গাপ মাপ নির্দেশ করে, এটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত বৈশিষ্ট্য:
মন্তব্য:এই বৈশিষ্ট্যটি CSS3-তে পুনর্নামকরণ করা হয়েছে gap。
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS গ্রিড লেআউট
CSS পরিচ্ছেদকgrip-row-gap বৈশিষ্ট্য
CSS পরিচ্ছেদকgrip-column-gap বৈশিষ্ট্য
প্রতিমাণ
উদাহরণ 1
সারা সারি এবং সারা সারির মধ্যের সংক্ষিপ্ত সেট করুন 50 পিক্সেল:
.grid-container {
grid-gap: 50px;
}
উদাহরণ 2
সারা সারির গাপ 20 পিক্সেল, সারা সারির গাপ 50 পিক্সেল সেট করুন:
.grid-container {
grid-gap: 20px 50px;
}
CSS 语法
grid-gap: grid-row-gap grid-column-gap;
বৈশিষ্ট্যের মান
| মান | বর্ণনা |
|---|---|
| grid-row-gap | গ্রিড লেআউটের সারিতে গাপ মাপ সেট করুন। ডিফল্ট মান 0। |
| grid-column-gap | সারা সারির মধ্যে গাপ মাপ সেট করুন। ডিফল্ট মান 0। |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 0 0 |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。 |
| সংস্করণ： | CSS Grid Layout Module Level 1 |
| JavaScript 语法： | object.style.gridGap="50px 100px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- পূর্ববর্তী পৃষ্ঠা grid-column-start
- পরবর্তী পৃষ্ঠা grid-row
