UTILS.
ทำงานในเบราว์เซอร์ 100%
{ }

CSS Beautifier

จัดรูปแบบและเยื้อง CSS ที่ถูกบีบอัดด้วยการขึ้นบรรทัดและเว้นวรรคอย่างเหมาะสม

— ผลลัพธ์จะแสดงที่นี่ —

เกี่ยวกับเครื่องมือนี้

CSS Beautifier เป็นตัวจัดรูปแบบฟรีที่ทำงานในเบราว์เซอร์ ซึ่งเปลี่ยน CSS ที่ถูกย่อหรือรกให้เป็นเลย์เอาต์ที่สะอาดและเยื้องอย่างสม่ำเสมอ ขั้นแรกมันจะยุบช่องว่างเดิมทั้งหมด แล้วสร้างโครงสร้างขึ้นใหม่ตั้งแต่ต้น โดยแต่ละกฎและการประกาศจะขึ้นบรรทัดของตัวเอง วงเล็บปีกกาเปิดจะอยู่บนบรรทัดของตัวเลือก วงเล็บปีกกาปิดจะลงมาอยู่บรรทัดของตัวเอง และบล็อกที่ซ้อนกันจะถูกเยื้องสองช่องว่างต่อระดับ

มันทำงานกับเครื่องหมายวรรคตอนที่คั่นตัวเลือก บล็อก และการประกาศเท่านั้น โดยเพิ่มช่องว่างหนึ่งช่องหลังโคลอนของแต่ละการประกาศ และหนึ่งช่องก่อนวงเล็บปีกกาเปิด ชื่อ property และค่าจะไม่ถูกแตะต้อง ดังนั้นเปลี่ยนแค่การเว้นวรรคและไม่กระทบต่อสไตล์ การจัดรูปแบบทำงานทันทีขณะพิมพ์ ทั้งหมดในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด ไม่มีบัญชี ไม่มีการติดตาม และใช้งานออฟไลน์ได้

สิ่งนี้มีประโยชน์เมื่อคุณต้องอ่าน diff หรือแก้ไขด้วยมือกับสไตล์ชีตที่ถูกบีบอัดจากผลลัพธ์ build หรือขยายโค้ดบรรทัดเดียวให้อ่านได้ง่ายขึ้น วาง CSS ตรวจดูผลลัพธ์ที่จัดระเบียบแล้วในกล่องเอาต์พุต และคัดลอกด้วยคลิกเดียว

คำถามที่พบบ่อย

มันเปลี่ยนสไตล์ของฉันไหม?
ไม่ มันปรับเฉพาะช่องว่างและการเยื้องเท่านั้น ชื่อ property ค่า และตัวเลือกยังคงเดิมทุกประการ ผลลัพธ์ที่แสดงผลจึงเหมือนเดิม
CSS ของฉันถูกส่งไปที่ไหนไหม?
ไม่ การจัดรูปแบบทำงานในเครื่องด้วย JavaScript โดยไม่มีการอัปโหลด ไม่มีบัญชี และไม่มีการติดตาม จึงใช้งานออฟไลน์ได้ด้วย
มันขยาย CSS ที่ถูกย่อได้ไหม?
ได้ มันจะยุบช่องว่างเดิมทั้งหมดก่อน แล้วเยื้องใหม่ตั้งแต่ต้น ดังนั้น CSS ที่ย่อเป็นบรรทัดเดียวและ CSS หลายบรรทัดที่กระจัดกระจายจึงให้ผลลัพธ์ที่เป็นระเบียบเหมือนกัน
มันตรวจสอบหรือแก้ไข CSS ของฉันไหม?
ไม่ มันจัดระเบียบการเว้นวรรครอบวงเล็บปีกกา เซมิโคลอน และโคลอน แต่ไม่ทำ lint หรือแก้ไข CSS ดังนั้นข้อผิดพลาดของไวยากรณ์ที่มีอยู่จะถูกส่งผ่านไปโดยไม่เปลี่ยนแปลง

เครื่องมือเพิ่มเติม