Về công cụ này
CSS Beautifier là công cụ định dạng miễn phí, chạy trong trình duyệt, biến CSS bị nén hay lộn xộn thành một bố cục sạch sẽ, thụt lề nhất quán. Trước tiên nó thu gọn khoảng trắng hiện có, rồi xây lại cấu trúc từ đầu: mỗi quy tắc và khai báo nằm trên dòng riêng, dấu ngoặc mở nằm cùng dòng với selector, dấu ngoặc đóng xuống dòng riêng, và các khối lồng nhau được thụt hai dấu cách mỗi cấp.
Công cụ chỉ làm việc trên các dấu phân cách selector, khối và khai báo, thêm một dấu cách sau dấu hai chấm của mỗi khai báo và một dấu cách trước dấu ngoặc mở. Tên thuộc tính và giá trị được giữ nguyên, nên chỉ có khoảng cách thay đổi còn phần định kiểu không bị ảnh hưởng. Việc định dạng chạy trực tiếp khi bạn gõ, hoàn toàn trong trình duyệt — không tải lên, không tài khoản, không theo dõi, và hoạt động offline.
Điều này hữu ích khi bạn cần đọc, diff hay chỉnh tay một bảng kiểu bị nén lấy từ đầu ra build, hoặc mở rộng một đoạn một dòng thành dạng dễ đọc. Hãy dán CSS vào, xem kết quả đã gọn gàng ở ô đầu ra, rồi sao chép chỉ với một cú nhấn.