CSS Formatter

Giới thiệu công cụ

Công cụ định dạng CSS chuyển đổi CSS nén hoặc khó đọc thành stylesheet gọn gàng, thụt lề đúng cách. Hỗ trợ tất cả tính năng CSS tiêu chuẩn: media queries, pseudo-classes, keyframe animations, CSS variables và nested selectors.

Chế độ minify xóa tất cả chú thích và khoảng trắng thừa, tạo ra CSS nhỏ nhất có thể cho môi trường production. Mọi xử lý đều diễn ra cục bộ trong trình duyệt.

Cách sử dụng

1. Dán CSS của bạn vào bảng nhập liệu bên trái.
2. Chọn mức thụt lề (2 hoặc 4 khoảng trắng).
3. Nhấp Định dạng để làm đẹp hoặc Minify để nén.
4. Nhấp Sao chép để sao chép kết quả vào clipboard.

Trường hợp sử dụng

Lập trình viên frontend dùng để định dạng CSS từ DevTools, stylesheet cũ hoặc design system. Tính năng minify giảm kích thước CSS bundle 30–50%.

Câu hỏi thường gặp

• Có hỗ trợ SCSS/LESS không? — Công cụ này chỉ định dạng CSS tiêu chuẩn. Với SCSS hoặc LESS, hãy dùng công cụ định dạng preprocessor riêng.
• Chú thích có được giữ lại không? — Khi định dạng, chú thích được giữ lại. Chế độ minify xóa tất cả chú thích để giảm kích thước file.
• Dữ liệu của tôi có an toàn không? — Mọi xử lý đều diễn ra cục bộ trong trình duyệt. CSS không bao giờ được gửi tới bất kỳ server nào.