CSS grid-row-end অপারেটর
- পূর্ববর্তী পৃষ্ঠা grid-row
- পরবর্তী পৃষ্ঠা grid-row-gap
সংজ্ঞা ও ব্যবহার
grid-row-end বৈশিষ্ট্যটি প্রক্রিয়াটি কতটি সারিতে অতিক্রম করবে বা প্রক্রিয়াটি কোন সারির লাইনে শেষ হবে বলা হয়。
পাতার শেষের উদাহরণ দেখুন。
অন্যান্য দেখুন:
CSS শিক্ষাদান:CSS গ্রিড লেআউট
উদাহরণ
উদাহরণ 1
"item1"-কে তিনটি সারিতে অতিক্রম করতে ব্যবহার করুন:
.item1 {
grid-row-end: span 3;
}
উদাহরণ 2
আপনি অতিক্রম করতে হলের সারির লাইন মান ব্যবহার করতে পারেন:
.item1 {
grid-row-end: 3;
}
CSS গ্রামার
grid-row-end: auto|row-line|span n;
বৈশিষ্ট্য-মান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট মান। প্রক্রিয়াটি একটি সারিতে অতিক্রম করবে。 |
| span n | প্রক্রিয়াটি কতটি সারি অতিক্রম করবে বলা হয়。 |
| column-line | যে পর্যন্ত প্রক্রিয়াটি প্রদর্শিত হবে বলা হয়。 |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| উত্তরণ: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。 |
| সংস্করণ: | CSS Grid Layout Module Level 1 |
| জেভাস্ক্রিপ্ট গ্রামার: | object.style.gridRowEnd="4" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে এই প্রক্রিয়াটি কোন ব্রাউজারের প্রথম সংস্করণকে পূর্ণ সমর্থন করে বলা হয়েছে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- পূর্ববর্তী পৃষ্ঠা grid-row
- পরবর্তী পৃষ্ঠা grid-row-gap
