CSS grid-column-gap প্রতিভূতি

বর্ণনা ও ব্যবহার

grid-column-gap অ্যাট্রিবিউট গ্রিড লেআউটের সারিগুলির মধ্যে অন্তর সংখ্যা নির্ধারণ করে。

আরও দেখুন:

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

CSS পরিচ্ছেদকgrip-gap অ্যাট্রিবিউট

CSS পরিচ্ছেদকgrip-row-gap অ্যাট্রিবিউট

উদাহরণ

সারিগুলির মধ্যে অন্তর সংখ্যা 50 পিক্সেল করা হবে:

.grid-container {
  grid-column-gap: 50px;
}

স্বয়ং প্রয়াস করুন

CSS ব্যবহার করতে হবে:

grid-column-gap: length;

অ্যাট্রিবিউট মান

মান বর্ণনা
length যে কোনও বৈধ দৈর্ঘ্য মান, যেমন পিক্সেল বা শতকরা। ডিফল্ট মান 0। দেখুনদৈর্ঘ্য ইউনিট。

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

ডিফল্ট মান: 0
পুনর্বিন্যস্ত করা হবে: না
অ্যানিমেশন তৈরি: সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট。
সংস্করণ: CSS Grid Layout Module Level 1
JavaScript ব্যবহার করতে হবে: object.style.gridColumnGap="50px"

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

টেবিলের সংখ্যা থেকে দেখা যায় যে, কোন ব্রাউজারের কোন সংস্করণ এই অ্যাট্রিবিউটটির পূর্ণ সমর্থন করে。

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