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