ویژگی grid-auto-rows 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;

مقدار ویژگی

مقدار توضیح
자و مقدار پیش‌فرض. اندازه سطر بر اساس اندازه بزرگترین عنصر در آن سطر تعیین می‌شود.
max-content اندازه هر سطر را بر اساس بزرگترین عنصر در آن سطر تنظیم کنید.
min-content اندازه هر سطر را بر اساس بزرگترین عنصر در آن سطر تنظیم کنید.
length اندازه سطرها را تنظیم کنید، از طریق استفاده از مقادیر اندازه مجاز. به:واحد اندازه‌گیری.

جزئیات فنی

مقدار پیش‌فرض: 자و
وراثت: خیر
انیمیشن‌سازی: پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: مستند CSS Grid Layout Level 1
اسکریپت جاوااسکریپت: object.style.gridAutoRows="60px"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی می‌کنند.

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