ویژگی grid-auto-columns CSS
- صفحه قبلی grid-area
- صفحه بعدی grid-auto-flow
تعریف و استفاده
ویژگی grid-auto-columns اندازه ستون‌های جعبه شبکه را تنظیم می‌کند.
این ویژگی تنها بر ستون‌هایی که اندازه‌گیری نشده‌اند تأثیر می‌گذارد.
لطفاً به: مراجعه کنید
آموزش CSS:طرح شبکه CSS
منوی مراجعه CSS:ویژگی grid-auto-rows
مثال
اندازه پیش‌فرض ستون‌های شبکه را تنظیم کنید:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
جمله‌بندی CSS
grid-auto-columns: auto|max-content|min-content|length;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| 자동 | مقدار پیش‌فرض. اندازه ستون‌ها بر اساس اندازه جعبه را مشخص می‌کند. |
| fit-content() | |
| max-content | اندازه هر ستون را بر اساس بزرگترین عنصر در ستون تنظیم کنید. |
| min-content | اندازه هر ستون را بر اساس کوچکترین عنصر در ستون تنظیم کنید. |
| minmax(min.max) | اندازه‌گیری‌های در محدوده‌ای که بزرگتر یا برابر با min باشد و کوچکتر یا برابر با max باشد را تنظیم کنید. |
| length | اندازه ستون‌ها را با استفاده از مقادیر طول مجاز تنظیم کنید. مراجعه کنیدواحد اندازه‌گیری. |
| % | اندازه ستون‌ها را با استفاده از درصد تنظیم کنید. |
جزئیات فنی
| مقدار پیش‌فرض: | 자동 |
|---|---|
| وراثت: | خیر |
| انیمیشن‌سازی: | پشتیبانی می‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن. |
| نسخه: | مستندات Grid Layout Module Level 1 CSS |
| جمله‌بندی JavaScript: | object.style.gridAutoColumns="120px" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کاملاً پشتیبانی می‌کنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- صفحه قبلی grid-area
- صفحه بعدی grid-auto-flow
