CSS Browser Support Reference

🧭 ۱. منابع رسمی و معتبر

🔹 MDN Web Docs (مستندات توسعه‌دهندگان موزیلا)

• معتبرترین منبع برای بررسی پشتیبانی ویژگی‌های CSS.

• در صفحه هر ویژگی CSS، بخشی به نام “Browser compatibility” (سازگاری با مرورگرها) وجود دارد.

• پشتیبانی مرورگرها را برای موارد زیر نمایش می‌دهد:

  • Chrome / Edge (موتور Blink)

  • Firefox (موتور Gecko)

  • Safari / iOS Safari (موتور WebKit)

  • Opera

  • Samsung Internet

  • نسخه‌های قدیمی Edge و Internet Explorer

🔹 Can I Use

• ابزار تصویری و کاربردی برای بررسی پشتیبانی مرورگرها.

• می‌توانی هر ویژگی CSS را جستجو کنی تا ببینی کدام مرورگرها از آن پشتیبانی می‌کنند.

• شامل اطلاعات زیر است:

  • آمار استفاده جهانی

  • نسخه‌های پشتیبانی هر مرورگر (کامل یا جزئی)

  • لینک به Polyfillها و توضیحات اضافی

🧩 ۲. جدول پشتیبانی ویژگی‌های مهم CSS

✅ = پشتیبانی کامل | ⚠️ = جزئی یا آزمایشی | 🚫 = پشتیبانی نمی‌شود

🧠 ۳. نکات مهم برای توسعه‌دهندگان

• از feature queries برای بررسی پشتیبانی ویژگی‌ها استفاده کن:

@supports (display: grid) {
.layout {
display: grid;
}
}

• افزودن تدریجی (Progressive Enhancement): ابتدا از ویژگی‌های استاندارد استفاده کن و سپس ویژگی‌های جدید را اضافه کن.

• Autoprefixer: ابزاری است که به‌صورت خودکار پیشوندهای مرورگر را به CSS اضافه می‌کند.

• تست در مرورگرهای مختلف:

  • BrowserStack

  • LambdaTest

  • Microsoft Edge Test Drive

🧮 ۴. موتورهای مرورگر