CSS grid-template-rows অপারেটর

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

grid-template-rows গ্রিড লেআউটের সারিসংখ্যা (এবং উচ্চতা) নির্ধারণ করে。

মান হল সম্পূর্ণ তালিকা, যেখানে প্রত্যেক মান সংখ্যা অন্তর্ভুক্ত করা হয়, যা প্রতিটি সারির উচ্চতা নির্ধারণ করে。

CSS সংক্ষিপ্ত হান্ডবুক:grid-columns বৈশিষ্ট্য

CSS সংক্ষিপ্ত হান্ডবুক:grid-template বৈশিষ্ট্য

প্রতিটি সারির মাপ (উচ্চতা) নির্ধারণ করুন:

.grid-container {
  display: grid;
  grid-template-rows: 100px 300px;
}

grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;

মান	বর্ণনা
none	মাপ নির্ধারিত নয়। যখন প্রয়োজন হয় তখন দাঁড়ানো তৈরি করুন。
auto	দাঁড়ানোর মাপ কারণ কনটেনারের মাপ এবং প্রতিটি দাঁড়ানোর কনটেনারের মাপ নির্ধারণ করা হয়。
max-content	প্রতিটি দাঁড়ানোর মাপ নির্ধারণ করুন, যেখানে প্রতিটি দাঁড়ানোর সর্বমান্য অবজেক্ট রয়েছে。
min-content	প্রতিটি দাঁড়ানোর মাপ নির্ধারণ করুন, যেখানে প্রতিটি দাঁড়ানোর সর্বনিম্ন অবজেক্ট রয়েছে。
length	দাঁড়ানোর মাপ সমায়োজন করুন, যাতে কোনো বৈধ দৈর্ঘ্য মান ব্যবহার করা যায়। দেখুনদৈর্ঘ্য ইউনিট.

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

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

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