CSS گرید آٹو راؤز کلاس

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

grid-auto-rows امتیاز گرید کانٹینر میں رکب کی سائز سیٹ کرتی ہے。

یہ امتیاز صرف سائز سیٹ نہ کئے گئے رکب پر اثر انداز کرتی ہے。

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

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

CSS مرجع دستورات:grid-auto-columns امتیاز

مثال

گرید میں سارے رکب کی مقصدی سائز سیٹ کرنا:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

آپ خود کا تجربہ کریں

CSS زبان:

grid-auto-rows: auto|max-content|min-content|length;

امتیازات

مقدار وصف
auto مقصد:
max-content کسی سارے رکب میں سب سے بڑا آئٹم کی سائز کی بنیاد پر ہر سارے رکب کی سائز سیٹ کرنا。
min-content کسی سارے رکب میں سب سے بڑا آئٹم کی سائز کی بنیاد پر ہر سارے رکب کی سائز سیٹ کرنا。
length کوئی سارے رکب کی سائز کو سیٹ کرنا، ساری اکائیاں استعمال کریں. دیکھئے:طول کی اکائی。

تکنیکی تفصیلات

مقصد: auto
ورثہ: نہیں
آنیماشن کی تیاری: پشتیبند ہے. ملاحظہ کریں:آنیماشن سے متعلق امتیازات。
ورژن: CSS Grid Layout Module Level 1
جاوا اسکریپت زبان: object.style.gridAutoRows="60px"

براؤزر کی پشتیبندگی

تبصرے میں شمارا ت کا ذکر کیا گیا ہے کہ کس براؤزر کی نسلی کسی خاص امتیاز کو پورا طور پر پشتیبند کرتی ہے。

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