ฟรี CSS Beautifier / Formatter ออนไลน์ฟรี

Input data
bfotool loadding
Output data
bfotool loadding

CSS คืออะไร?

  • CSS ย่อมาจาก Cascading Style Sheets
  • CSS อธิบายวิธีการแสดงองค์ประกอบ HTML บนหน้าจอ กระดาษ หรือสื่ออื่นๆ
  • CSS ช่วยประหยัดงานได้มาก สามารถควบคุมเลย์เอาต์ของหน้าเว็บหลาย ๆ หน้าพร้อมกันได้
  • สไตล์ชีตภายนอกถูกเก็บไว้ในไฟล์ CSS

ใช้เมื่อไหร่

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

CSS Beautify Examples

สไตล์ชีต CSS ย่อขนาดด้านล่าง:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }

กลายเป็นที่สวยงามนี้:

.headbg{
     margin:0 8px 
 }
 a:link,a:focus{
     color:#00c 
 }
 a:active{
     color:red 
 }