Cách sử dụng
- Dán mã CSS, SCSS hoặc Less của bạn.
- Chọn ngôn ngữ và kiểu thụt lề.
- Nhấn Định dạng, hoặc bấm Ctrl+Enter (⌘+Enter trên Mac).
- Sao chép stylesheet đã định dạng.
Giải thích tùy chọn
- Ngôn ngữ
- CSS, SCSS hoặc Less. Hãy chọn đúng để biến ($gap, @gap) và các quy tắc lồng nhau được hiểu đúng.
- Thụt lề và độ rộng dòng
- Mức thụt lề cho quy tắc lồng nhau và khai báo, và độ rộng mà tại đó danh sách selector hay giá trị dài được xuống dòng.
Ví dụ
CSS framework đã nén. Dán một tệp .min.css chỉ có một dòng để đọc từng quy tắc một.
Dọn dẹp SCSS. Dán SCSS lồng nhau với thụt lề lẫn lộn và nhận lại cấu trúc lồng nhau thụt lề hai dấu cách thống nhất.
Câu hỏi thường gặp
Định dạng sẽ thay đổi những gì?
Công cụ đặt mỗi khai báo trên một dòng riêng, chuẩn hóa khoảng trắng quanh dấu hai chấm và dấu ngoặc nhọn, chuyển mã màu hex sang chữ thường và gộp nhiều dòng trống liên tiếp thành một. Thứ tự thuộc tính và giá trị không bị thay đổi.
Tôi có thể giải nén (un-minify) CSS lấy từ một website không?
Có. Dán tệp đã nén vào và nhấn Định dạng. Chú thích đã bị trình nén xóa thì không thể khôi phục.
Mã của tôi có bị tải lên máy chủ không?
Không. Việc định dạng diễn ra ngay trong trình duyệt của bạn.
Quyền riêng tư
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.