خصائص grid-auto-rows CSS

التعريف والاستخدام

يضبط هذا الخصائص حجم السطور في صندوق الشبكة.

يؤثر هذا الخصائص فقط على السطور التي لم يتم ضبط حجمها.

يرجى الرجوع أيضًا إلى:

دليل 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"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

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