【CSS】特殊屬性工具網站
要查詢這些 CSS 特殊屬性、瀏覽器前綴（Vendor Prefixes）以及相容性，以下這幾個網站是前端工程師必備的「軍火庫」：
1. Can I Use (最權威的相容性查詢)
這是全球開發者最常用的網站。只要輸入屬性名稱（例如 scrollbar-width），它就會用紅綠格子告訴你哪些瀏覽器支援、從哪個版本開始支援。
-
特點： 提供精確的市佔率數據，讓你決定是否需要寫備用方案（Fallback）。
-
網址： caniuse.com
2. MDN Web Docs (開發者的百科全書)
由 Mozilla 維護，是學習 Web 技術最完整的地方。除了教你怎麼用，它還會列出所有非標準的屬性（Non-standard）。
-
特點： 如果一個屬性前面有「小黃色驚嘆號」或「燒瓶圖示」，就代表它是實驗性或非標準的屬性。
3. Autoprefixer (自動補全前綴的工具)
雖然不是查詢網站，但它是現代開發（如 Vite, Webpack, Next.js）背後的核心。你只需要寫標準的 CSS，它會自動幫你補上 -webkit-、-ms- 等前綴。
-
線上測試版： Autoprefixer Online
-
用法： 你可以把你寫的 CSS 貼左邊，它會自動在右邊產出相容性最高的版本。
4. CSS-Tricks (實戰攻略站)
這是一個著名的部落格，專門針對各種「難搞」的 CSS 問題寫深入淺出的文章。
-
特點： 關於捲軸（Scrollbar）的自定義，他們有一篇非常有名的攻略文：The Current State of Styling Scrollbars。
-
網址： css-tricks.com
總結建議
-
查能不能用： 去 Can I Use。
-
查怎麼寫、原理是什麼： 去 MDN。
-
懶得自己寫前綴： 設定好你的開發環境（如 Tailwind 或 PostCSS），讓 Autoprefixer 幫你處理。
順帶一提，如果你是用 VS Code 開發，建議安裝一個叫 "Can I Use" 的擴充功能，這樣你在寫 CSS 時直接選取文字就能快速查詢，非常方便！