CSS Scroll Snapping
Tính năng CSS nổi bật nhất trong lần cập nhật này chính là CSS Scroll Snapping. Nếu bạn chưa biết, thì tính năng này giúp bạn có thể kiểm soát sự kiện cuộn của người dùng, mang lại hiệu ứng cuộn đặc biệt trong trải nghiệm người dùng. Khi người dùng cuộn tới một phần của phần tử, Scroll Snapping sẽ khiến người dùng tự động cuộn vào toàn bộ phần tử, đưa vùng hiển thị mong muốn vào đúng khung hình (viewport).Xem demo:
Firefox đã có hẳn một bài viết chi tiết về tính năng này tại đây.
Định dạng đánh dấu trong danh sách
Phần tử giả ::marker cho phép bạn chọn hộp đánh dấu của một mục danh sách. Thường sẽ là chấm tròn hoặc một số.Ví dụ đoạn code sau sẽ biến chấm tròn thành màu hồng và làm cho số trên một mục danh sách theo thứ tự trở nên lớn hơn và có màu xanh.
ul ::marker {
color: hotpink;
}
ol ::marker {
color: blue;
font-size: 200%;
}
Chỉ có một vài thuộc tính CSS có thể được sử dụng trên ::marker. Bao gồm tất cả thuộc tính phông chữ.
Công cụ cho nhà phát triển
Ngoài các thay đổi với việc triển khai CSS trong Firefox, phiên bản 68 còn mang đến cho bạn một số bổ sung tuyệt vời trong Công cụ dành cho nhà phát triển để giúp bạn làm việc với CSS.Trong bảng quy tắc, hãy chú ý vào nút Print Styles mới xuất hiện. Nút này cho phép bạn chuyển đổi các kiểu in cho tài liệu của bạn. Giúp kiểm tra kiểu in mà bạn đang làm việc dễ dàng hơn.