Định dạng CSS

Lập trình

Định dạng CSS

In đẹp hoặc nén CSS trên trình duyệt.

Miễn phí

Không đăng ký

Tức thì

Riêng tư

Nhập

0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng

Chế độ

Chuyển sang

Đầu ra

0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng

Riêng tư theo thiết kế

Việc chuyển đổi chạy hoàn toàn trên trình duyệt. Văn bản của bạn không được gửi lên máy chủ.

Mẹo

Định dạng in đẹp. Nén gộp khoảng trắng. Đây là trợ giúp đọc và gửi đoạn mã, không phải toolchain ngôn ngữ đầy đủ.

Cách chuyển với Định dạng CSS

Dán HTML, CSS hoặc JavaScript vào khung input.
Kết quả định dạng cập nhật khi bạn gõ — không tải dữ liệu lên.
Chọn Định dạng hoặc Nén, hoặc Chuyển sang để mở bộ định dạng khác.
Sao chép kết quả. Đây là in đẹp cục bộ, không phải trình biên dịch.

Khi nào nên dùng?

HTML
Thụt thẻ để đoạn dán dễ đọc hơn.
CSS
In đẹp rule, hoặc nén trước khi nhúng đoạn mã.
JavaScript
Thêm xuống dòng quanh ngoặc và chấm phẩy để đọc nhanh.
Ở lại đây
Mã không rời tab này.

Mã của bạn được giữ riêng tư.

Định dạng chạy hoàn toàn trên trình duyệt. Đoạn mã không rời tab này.

Tìm hiểu thêm về quyền riêng tư →

Về định dạng HTML, CSS và JavaScript trên trình duyệt

Bộ định dạng HTML, CSS và JS in đẹp hoặc nén đoạn mã khi bạn gõ. Đây là trợ giúp cục bộ để đọc và gửi copy-paste, không phải trình biên dịch, không phải ESLint, không phải PostCSS, không phải trình duyệt. Định dạng và nén là lựa chọn khoảng trắng. Chuyển sang nhảy giữa HTML, CSS và JS với khóa persist riêng.

Ví dụ: một dòng <div><span>x</span></div> thành thẻ thụt lề. Khối rule CSS đã nén bung thành từng thuộc tính. Cú pháp hỏng nặng vẫn có thể trông lạ sau khi định dạng — mục tiêu là dễ đọc, không bảo đảm khứ hồi AST.

Liên quan: Mã hóa HTML cho thực thể, Định dạng JSON cho dữ liệu, Markdown → HTML cho ghi chú. Không tải dữ liệu lên. Đừng coi định dạng là làm sạch XSS.

Công cụ mã liên quan

Định dạng HTML

In đẹp hoặc nén HTML trên trình duyệt.

Định dạng JS

In đẹp hoặc nén JavaScript trên trình duyệt.

Mã hóa / giải mã HTML

Mã hóa hoặc giải mã thực thể HTML.

Định dạng JSON

In đẹp JSON với thụt lề, sắp xếp khóa tùy chọn, và nén.

Ví dụ Định dạng CSS

Định dạng

Input

a{color:red;}

Output

a { color:red; }

Nén

Input

a { color: red; }

Output

a{color:red;}

Định dạng và nén

Chế độ	Ví dụ	Dùng khi
Định dạng	a {	Dễ đọc, review và diff
Nén	a{color:red;}	Đoạn mã nhỏ hơn để gửi hoặc nhúng

Hỏi đáp Định dạng CSS

Nó in đẹp hoặc nén rule điển hình để đọc và gửi đoạn. Không phải PostCSS, không phải linter, không phải trình duyệt. Rule lồng và preprocessor lạ có thể làm bố cục bất ngờ — kiểm tra kết quả.

Khi bạn cần đoạn nhúng nhỏ hơn. Với gradient hoặc bóng trực quan, dùng Tạo gradient hoặc Tạo box-shadow CSS. Chuyển màu là HEX/RGB/HSL, không viết lại stylesheet.

Không. Chuyển đổi chạy trong tab này. Chuyển sang nhảy tới định dạng HTML hoặc JS.