CSS images
Module CSS images định nghĩa các loại image có thể được sử dụng (kiểu <image>, chứa URL, gradient và các loại image khác), cách thay đổi kích thước chúng và cách chúng, cùng với các replaced content khác, tương tác với các layout model khác nhau.
Tham khảo
Thuộc tính
Module CSS images cũng định nghĩa thuộc tính image-resolution. Hiện tại, không có trình duyệt nào hỗ trợ tính năng này.
Hàm
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()conic-gradient()repeating-conic-gradient()cross-fade()element()image-set()
Module CSS images cũng định nghĩa hàm image(). Hiện tại, không có trình duyệt nào hỗ trợ tính năng này.
Kiểu dữ liệu
Hướng dẫn
- Sử dụng CSS gradient
-
Trình bày một loại CSS image cụ thể, gradient, và cách tạo và sử dụng chúng.
- Triển khai image sprite trong CSS
-
Mô tả kỹ thuật phổ biến là nhóm nhiều image vào một tài liệu duy nhất để tiết kiệm các yêu cầu tải xuống và tăng tốc độ hiển thị trang.
- Tạo kiểu cho replaced element
-
Giới thiệu các thuộc tính chỉ áp dụng cho replaced element.
- Hiểu về aspect ratio
-
Tìm hiểu về thuộc tính
aspect-ratio, thảo luận về aspect ratio cho replaced và non-replaced element, và xem xét một số trường hợp sử dụng aspect ratio phổ biến. - Sử dụng thuộc tính CSS
object-view-box -
Tìm hiểu thuộc tính CSS
object-view-box, bao gồm cách phóng to, thu nhỏ và pan image.
Khái niệm liên quan
Thông số kỹ thuật
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
| CSS Images Module Level 5 |
Xem thêm
- Module CSS filter effects
- Module CSS compositing and blending
- Module CSS colors
- Module CSS values and units