CSS গ্রিড-কলাম প্রতিশব্দ

সংজ্ঞা ও ব্যবহার

grid-column প্রক্রিয়াটি গ্রিড প্রক্রিয়াটির মাপ এবং গ্রিড লেআউটে অবস্থানকে নির্দিষ্ট করে, এটি নিম্নলিখিত প্রক্রিয়াটির সংক্ষিপ্ত প্রক্রিয়াটি:

অন্যান্য দেখুন:

CSS শিক্ষাক্রম:CSS গ্রিড লেআউট

উদাহরণ

উদাহরণ 1

"item1"-কে স্তম্ভ 1-এ শুরু করে দুই স্তম্ভ নির্বাহ করে করা হবে:

.item1 {
  grid-column: 1 / span 2;
}

আপনাকে নিজেই চেষ্টা করুন

উদাহরণ 2

আপনি স্তম্ভ-লাইন মান ব্যবহার করতে পারেন যাতে কোন স্তম্ভ নির্বাহ করবেন তা নির্দিষ্ট করেন:

.item1 {
  grid-column: 1 / 3;
}

আপনাকে নিজেই চেষ্টা করুন

CSS সংজ্ঞা

grid-column: grid-column-start / grid-column-end;

প্রক্রিয়াটির মান

মান বর্ণনা
grid-column-start প্রক্রিয়াটি কোন স্তম্ভ থেকে কোন স্থানে দেখা হবে তা নির্দিষ্ট করে।
grid-column-end প্রক্রিয়াটি কোন স্তম্ভ-লাইন (column-line) এর ওপর থেকে কোন স্থানে বন্ধ করা হবে বা কতটি স্তম্ভ নির্বাহ করবে তা নির্দিষ্ট করে।

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto / auto
উত্তরসূরী: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়: দেখুন -অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS Grid Layout Module Level 1
JavaScript সংজ্ঞা： object.style.gridColumn="2 / span 2"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণটি উল্লেখ করে।

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44