পাঠ্যসূচী পরামর্শ:

CSS repeat() ফাংশন

সংজ্ঞা ও ব্যবহার repeat() CSS

ফাংশন গ্রিডে একটি কলম সমষ্টি বা সারি সমষ্টি পুনরাবৃত্ত করে।

এই ফাংশন আপনার গ্রিডে বেশ বড় সংখ্যক সারি বা কলম থাকলে খুবই উপযোগী।এই ফাংশনটির মাধ্যমে, আপনি একটি 'পুনরাবৃত্ত মোড' তৈরি করতে পারেন。 grid-template-columns বৈশিষ্ট্য এবং grid-template-rows বৈশিষ্ট্যগুলি একসঙ্গে ব্যবহার করুন。

প্রকল্প

উদাহরণ 1

ব্যবহার করে repeat() গ্রিডে একটি কলম সমষ্টি পুনরাবৃত্ত করুন:

#container {
  display: grid;
  grid-template-columns: repeat(2, 60px 1fr);
  grid-gap: 7px;
  background-color: green;
  padding: 7px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

ব্যবহার করে repeat() গ্রিডে একটি কলম সমষ্টি পুনরাবৃত্ত করুন:

#container {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 7px;
  background-color: green;
  padding: 7px;
}

আপনার নিজেই প্রয়াস করুন

CSS সিন্থ্যাক্স

repeat(repeat-count, tracks)
মান বর্ণনা
repeat-counts

অপরিহার্য।কলম বা সারির পুনরাবৃত্তির সংখ্যা নির্দেশ করুন。

এটি 1 বা বড়তর সংখ্যা হতে পারে বা শব্দকোষ auto-fill বা auto-fit (যা অপরিহার্যভাবে কলম/সারিকে পুনরাবৃত্ত করবে, গ্রিড কনটেনারকে পূর্ণ করতে)
tracks

অপরিহার্য।পুনরাবৃত্ত কলম বা সারিকে নির্দেশ করুন।নিম্নলিখিত মানগুলি ব্যবহার করা যেতে পারে:

  • দৈর্ঘ্য মান (px, em, %, fr, ch)
  • min-content
  • max-content
  • auto
  • minmax()
  • fit-content()
  • নামকরণ রেখা

প্রযুক্তিগত বিস্তার

সংস্করণ: CSS Grid Layout Module Level 2

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

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

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
57 16 76 10.1 44

সংক্রান্ত পৃষ্ঠা

উল্লেখ:CSS grid-template-columns অপারেশন

উল্লেখ:CSS grid-template-rows অপারেশন