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