CSS গ্রিড-অটো-কলামস এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা grid-area
- পরবর্তী পৃষ্ঠা grid-auto-flow
সংজ্ঞা ও ব্যবহার
grid-auto-columns বৈশিষ্ট্যটি গ্রিড কনটেনারের স্তম্ভের মাপ নির্ধারণ করে。
এই বৈশিষ্ট্যটি শুধুমাত্র মাপ নির্ধারিত না থাকা স্তম্ভগুলিকে প্রভাবিত করে。
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS গ্রিড লেআউট
CSS পরিচ্ছেদপত্র:grid-auto-rows বৈশিষ্ট্য
উদাহরণ
গ্রিডের স্তম্ভের ডিফল্ট মাপ নির্ধারণ করুন:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
CSS সংজ্ঞান
grid-auto-columns: auto|max-content|min-content|length;
বৈশিষ্ট্যমান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট মান। কনটেনার মাপ দ্বারা স্তম্ভের মাপ নির্ধারণ করা হয়。 |
| fit-content() | |
| max-content | স্তম্ভের সর্ববড় আইটেম দ্বারা প্রত্যেক স্তম্ভের মাপ নির্ধারণ。 |
| min-content | স্তম্ভের সর্বনিম্ন আইটেম দ্বারা প্রত্যেক স্তম্ভের মাপ নির্ধারণ。 |
| minmax(min.max) | minmax(min.max) দ্বারা min এবং max এর মধ্যে সমান কিংবা বড় হওয়ার মাপ নির্ধারণ。 |
| length | স্তম্ভের মাপ নির্ধারণ, বৈধ দৈর্ঘ্য মাপকাঠিতে ব্যবহার করে। দেখুনদৈর্ঘ্য ইউনিট。 |
| % | স্তম্ভের মাপ নির্ধারণ, শতকরা মাপকাঠিতে ব্যবহার করে。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。 |
| সংস্করণ: | CSS Grid Layout Module Level 1 |
| জেভাস্ক্রিপ্ট সংজ্ঞান | object.style.gridAutoColumns="120px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে পড়া নম্বর এই বৈশিষ্ট্যকে সম্পূর্ণভাবে সমর্থক প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- পূর্ববর্তী পৃষ্ঠা grid-area
- পরবর্তী পৃষ্ঠা grid-auto-flow
