تولیدکننده Container Query در CSS
ساخت بصری قوانین @container، تنظیم نام کانتینر و شرایط ابعاد و تولید قطعه کد آماده استفاده
تنظیمات کانتینر
شرایط Query
ویژگی
مقایسه
مقدار
قوانین CSS داخل کانتینر
گزینههای خروجی
کد تولیدشده
/* پارامترهای سمت چپ را تنظیم کنید و روی «تولید کد» کلیک کنید */
پیشنمایش زنده (برای تغییر عرض کانتینر، اسلایدر را بکشید)
400px
عنصر پیشنمایش
عرض کانتینر را تغییر دهید تا فعال شدن شرط را مشاهده کنید