การอัปเกรด CSS บรรทัดเดียวล่าสุด

การอัปเกรดที่เสถียร

• aspect-ratio : บังคับใช้อัตราส่วนภาพกับองค์ประกอบอย่างเช่นวิดีโอ
• object-fit : ทำให้ img หรือองค์ประกอบแบบ replaced อื่น ๆ ทำงานเป็นคอนเทนเนอร์ของเนื้อหา และปรับขนาดได้คล้ายกับ background-size
• margin-inline : ทำงานเป็นพร็อพเพอร์ตีแบบย่อสำหรับกำหนดมาร์จินซ้ายและขวาในโหมดการเขียนแนวนอน

การปรับปรุงที่เสถียร

• text-underline-offset : ควบคุมระยะห่างระหว่างเส้นฐานของข้อความกับขีดเส้นใต้
• outline-offset : ปรับระยะห่างระหว่างองค์ประกอบกับเส้นขอบนอก
• scroll-margin-top และ scroll-margin-bottom : เพิ่มออฟเซ็ตขององค์ประกอบสำหรับตำแหน่งการเลื่อน
• color-scheme : ขอให้เบราว์เซอร์เรนเดอร์องค์ประกอบ UI ของเบราว์เซอร์ด้วยสคีม light หรือ dark
• accent-color : เปลี่ยนสีของ checkbox หรือ radio button
• width: fit-content : ทำให้องค์ประกอบ "ห่อรัด(shrink wrap)" ตามขนาดของเนื้อหา

การปรับปรุงแบบค่อยเป็นค่อยไป

• overscroll-behavior : เปลี่ยนพฤติกรรมเริ่มต้นที่เมื่อการเลื่อนสิ้นสุดที่องค์ประกอบแล้ว การโต้ตอบการเลื่อนจะถูกส่งต่อไปยังหน้าพื้นหลัง
• text-wrap : ใช้เพื่อป้องกันคำที่กลายเป็น "บรรทัดโดด" และช่วยจัดสมดุลของบรรทัดข้อความ
• scrollbar-gutter : จองพื้นที่สำหรับแถบเลื่อนในเลย์เอาต์เพื่อป้องกันการเปลี่ยนเลย์เอาต์ที่ไม่ต้องการ

[pmc7777]

ความตระหนี่แบบศตวรรษที่ 21

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

ยังรองรับ IE อยู่หรือเปล่า?

[kuroneko]

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