分類: 開發工具
CSS 格式化
在本機以 2 或 4 個空格縮排格式化或壓縮 CSS
貼上 CSS，即可以 2 或 4 個空格縮排美化輸出，或壓縮成最精簡且安全的結果。格式化時會保留註解。所有處理都在瀏覽器中完成。
已在瀏覽器中完成格式化。
結果
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。
這個工具能做什麼
CSS 格式化工具會重新縮排規則與宣告，讓巢狀選取器與媒體查詢更容易閱讀；壓縮工具則會去除註解與多餘空白，縮小樣式表以利正式環境使用。本工具只會調整空白與換行，不會執行或評估所給的 CSS。
使用方式
- 把 CSS 貼到輸入框，或載入範例。
- 選擇「格式化」以取得易讀輸出，或選擇「壓縮」以取得最小體積。
- 複製結果；格式化輸出還可以選擇 2 或 4 個空格縮排。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。
常見問題
- 我的 CSS 會被上傳嗎？
- 不會。格式化與壓縮皆由頁面內執行的 JavaScript 完成，你的樣式表不會離開你的裝置。
- 會保留註解嗎？
- 格式化輸出會把註解保留在獨立的一行；壓縮輸出則會移除註解，這與大多數正式環境建置工具的做法一致。
- 會驗證 CSS 是否正確嗎？
- 不會。它只會調整空白與縮排，因此無法抓出屬性名稱拼錯或數值無效等問題。