Q: شیارها چگونه اندازهگذاری میشوند؟

هم ستونها و هم ردیفها با repeat() و واحد 1fr نوشته میشوند، پس همهٔ شیارها سهم برابری از فضای موجود میگیرند.

Q: کنترلها چه بازههایی را مجاز میکنند؟

ستونها و ردیفها اعداد صحیح از ۱ تا ۱۲ را میپذیرند؛ نوار لغزان فاصله از ۰ تا ۴۰ پیکسل است. ورودیهای خارج از بازه یا غیرعددی محدود میشوند و به پیشفرضهای ۳ ستون، ۲ ردیف و فاصلهٔ ۱۰px برمیگردند.

Question 1

شیارها چگونه اندازه‌گذاری می‌شوند؟

Accepted Answer

هم ستون‌ها و هم ردیف‌ها با repeat() و واحد 1fr نوشته می‌شوند، پس همهٔ شیارها سهم برابری از فضای موجود می‌گیرند.

Question 2

کنترل gap چه می‌کند؟

Accepted Answer

فاصلهٔ grid را بر حسب پیکسل بین هر سلول، از ۰ تا ۴۰، تعیین می‌کند و به‌صورت زنده هم روی پیش‌نمایش و هم روی CSS تولیدشده اعمال می‌شود.

Question 3

کنترل‌ها چه بازه‌هایی را مجاز می‌کنند؟

Accepted Answer

ستون‌ها و ردیف‌ها اعداد صحیح از ۱ تا ۱۲ را می‌پذیرند؛ نوار لغزان فاصله از ۰ تا ۴۰ پیکسل است. ورودی‌های خارج از بازه یا غیرعددی محدود می‌شوند و به پیش‌فرض‌های ۳ ستون، ۲ ردیف و فاصلهٔ ۱۰px برمی‌گردند.

Question 4

چه CSS ای خروجی می‌دهد؟

Accepted Answer

یک قاعدهٔ .grid با display: grid، grid-template-columns و grid-template-rows که هر کدام با repeat() و 1fr تنظیم شده‌اند، و فاصله بر حسب پیکسل. دکمهٔ Copy همان قاعده را دقیقاً روی کلیپ‌بورد شما می‌گذارد.

تولیدکننده CSS Grid

درباره این ابزار

پرسش‌های پرتکرار

ابزارهای بیشتر