CSSโค้ดความเป็นส่วนตัว: ทำในเบราว์เซอร์
CSS ตัวจัดรูปแบบ
จัดรูปแบบ CSS ที่อัดแน่นให้ selector, property และ media query อ่านง่ายขึ้น
อินพุต / ผลลัพธ์
เริ่มจากเครื่องมือ
อินพุต ผลลัพธ์ และการคัดลอกอยู่ในพื้นที่หลักนี้ ตัวอย่างและรายการตรวจอยู่ด้านล่าง
เซสชันในเครื่อง
สถานะอินพุตเก็บไว้เฉพาะในเบราว์เซอร์นี้ เพื่อกู้คืนงานล่าสุดได้โดยไม่ต้องมีบัญชี
ตรวจหลังได้ผลลัพธ์
เปิดตัวอย่าง รายการตรวจ และเครื่องมือที่เกี่ยวข้องหลังจบขั้นตอนอินพุต/ผลลัพธ์หลัก
ตัวอย่าง
จุดเริ่มต้นสำหรับเครื่องมือนี้.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}กรณีใช้งาน
โค้ด- จัดรูปแบบ CSS ที่อัดแน่นให้ selector, property และ media query อ่านง่ายขึ้น
- จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอก
- เทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง
- ตรวจความต่างของ runtime การเข้ารหัส เขตเวลา และนโยบายความปลอดภัย
- ใช้เครื่องมือที่เกี่ยวข้องเพื่อตรวจว่า CSS ตัวจัดรูปแบบ เหมาะกับขั้นตอนถัดไปหรือไม่