Nhóm làm việc CSS vừa công bố bản thảo làm việc công khai đầu tiên cho Mô-đun Giá trị và Đơn vị CSS Cấp 5, với nhiều tính năng mới rất thú vị. Bản phát hành này không chỉ cập nhật các giá trị và đơn vị hiện có mà còn đem lại sự linh hoạt và khả năng cải tiến đáng kể cho mã CSS.
Tính Năng Mới Nổi Bật Trong CSS
Vào ngày 13 tháng 9 năm 2024, Nhóm làm việc CSS đã phát hành bản thảo công khai đầu tiên cho Mô-đun Giá trị và Đơn vị CSS Cấp 5, mang đến một loạt các bổ sung độc đáo. Là một bản mở rộng quan trọng, cấp độ mới này bao gồm các tính năng mà chúng ta đã mong chờ từ lâu. Những đổi mới như giá trị ngẫu nhiên, khả năng sử dụng thuộc tính làm giá trị cho bất kỳ thuộc tính nào và tính toán với thứ tự chức năng đang tạo ra hy vọng cho cả nhà phát triển lẫn người dùng.
Các tính năng mới tập trung vào việc đơn giản hóa mã CSS, giúp giảm thiểu độ phức tạp và cải thiện tính khả dụng khi làm việc với CSS. Dưới đây là danh sách 11 sự thay đổi đáng chú ý:
-
Thay đổi Đối Với Hàm attr(): Hàm attr() hiện có thể sử dụng cho bất kỳ thuộc tính nào, cho phép dễ dàng đọc và sử dụng dữ liệu từ thuộc tính.
-
Tính Toán Với Các Giá Trị Nội Tại Qua Hàm calc-size(): Hàm mới này cho phép tính toán an toàn với các giá trị nội tại như auto hay min-content, hữu ích trong hoạt động chuyển tiếp và động.
-
Họ Hàm -mix() Mới: Hàm mix() cho phép người dùng trộn màu sắc và các thuộc tính CSS với cú pháp đơn giản.
-
Hàm first-valid() Mới: Hàm này giúp kiểm tra và lấy giá trị hợp lệ đầu tiên từ danh sách các giá trị, tăng cường tính ổn định khi sử dụng thuộc tính tùy chỉnh.
-
Họ Hàm -progress() Mới: Chúng ta có thể tính toán tỷ lệ tiến độ giữa các giá trị, dễ dàng tích hợp vào các hàm mix.
-
Ngẫu Nhiên Hóa Với Hàm random() và random-item(): Cung cấp khả năng lấy giá trị ngẫu nhiên từ danh sách hoặc một dải giá trị, mở ra nhiều khả năng sáng tạo trong thiết kế.
-
Hàm sibling-count() và sibling-index(): Cung cấp thông tin về vị trí các phần tử trong danh sách sibling, giúp tối ưu hóa kiểu dáng trên các trang web phức tạp hơn.
-
Hàm toggle(): Hàm này giúp xoay vòng qua danh sách các giá trị cho các phần tử lồng nhau, đơn giản hóa mã và tạo sự linh hoạt.
-
Ký Hiệu Hàm Mới Cho Các Đối Số: Đề xuất sử dụng dấu chấm phẩy để phân tách đối số trong các hàm, giúp dễ đọc và phân tách hơn.
-
Mở Rộng Kiểu Vị Trí: Cung cấp nhiều lựa chọn hơn cho vị trí trong CSS, giúp thích nghi với các ngôn ngữ khác nhau.
Kết Luận
Mô-đun Giá trị và Đơn vị CSS Cấp 5 hứa hẹn nhiều cải tiến đáng giá, mang lại sức mạnh và tính linh hoạt lớn hơn cho các nhà phát triển. Hãy kiểm tra bản thảo làm việc để tìm hiểu thêm về những thay đổi và cải tiến này. Đừng quên tham gia vào cuộc thảo luận trên GitHub để trao đổi ý kiến và góp ý cho những cải tiến trong tương lai. Hy vọng bạn sẽ có những trải nghiệm thú vị khi viết mã CSS!
source: viblo
