Những nâng cấp CSS một dòng mới nhất

Nâng cấp ổn định

• aspect-ratio: ép buộc áp dụng tỷ lệ khung hình cho các phần tử như video
• object-fit: cho phép img hoặc các phần tử thay thế khác hoạt động như vùng chứa của nội dung, với hành vi thay đổi kích thước tương tự background-size
• margin-inline: hoạt động như thuộc tính rút gọn để thiết lập margin trái và phải trong chế độ viết ngang

Cải tiến ổn định

• text-underline-offset: kiểm soát khoảng cách giữa đường cơ sở của văn bản và gạch chân
• outline-offset: điều chỉnh khoảng cách giữa phần tử và đường viền ngoài
• scroll-margin-top và scroll-margin-bottom: thêm offset của phần tử cho vị trí cuộn
• color-scheme: yêu cầu trình duyệt hiển thị các thành phần UI của trình duyệt theo giao diện sáng hoặc tối
• accent-color: thay đổi màu của checkbox hoặc radio button
• width: fit-content: “bọc co” phần tử theo kích thước của nội dung

Cải tiến tăng dần

• overscroll-behavior: thay đổi hành vi mặc định khi tương tác cuộn được truyền sang trang nền sau khi cuộn kết thúc ở phần tử
• text-wrap: dùng để tránh các từ bị “mồ côi” và cân bằng các dòng văn bản
• scrollbar-gutter: dành sẵn không gian cho thanh cuộn trong bố cục để tránh thay đổi bố cục không mong muốn

[pmc7777]

Kẻ hà tiện của thế kỷ 21

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

Bạn vẫn còn hỗ trợ IE à?

[kuroneko]

Có cái mình đã dùng rồi, nhưng cũng có cái là lần đầu tiên thấy. +_+
Thỉnh thoảng vẫn tiếc vì hỗ trợ trình duyệt chưa như ý, nhưng nhìn vào CSS hiện đại thì thật sự thấy nó đã tiến bộ rất nhiều.