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