CSS گرید-شبکه-رورها

تعلیم اور استعمال

grid-template-rows اس گرید لائاوت میں سطر کی تعداد (اورعلو) کو طلب کریں

قیمتیں خالی سپارا سے الگ الگ کی گئی فہرست ہیں، جس میں ہر قیمتی کو اس کی سطر کیعلو کو نشان دہی کرنا ہوتا ہے。

ایک بار دیکھئے:

CSS تعلیم:CSS گرید لائاوت

CSS مرجع دستورgrid-columns نمائش

CSS مرجع دستورgrid-template نمائش

مثال

row-size (علو) کو طلب کریں:

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

اپنے آپ پر تجربہ کریں

CSS زبان

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
جسمانی زبان: object.style.gridTemplateRows="50px 200px"

براؤزر کی مدد

جداول میں دیکھئے جانے والی اعداد اس کی پوری مدد کی پہلی براؤزر کی نسخے کو نشان دہی کرتی ہیں。

چروم آئی ای / ایج فائرفاکس سافری اوپرا
57 16 52 10 44