CSS Images is a module of CSS that defines what types of images can be used (the <image> type, containing URLs, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models.
Reference
Properties
Functions
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()conic-gradient()repeating-conic-gradient()url()element()image()cross-fade()
Data types
Guides
- Using CSS gradients
- Presents a specific type of CSS images, gradients, and how to create and use these.
- Implementing image sprites in CSS
- Describes the common technique grouping several images in one single document to save download requests and speed up the availability of a page.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Images Module Level 4 | Working Draft | Added image-resolution, conic-gradient(), and image()
|
| CSS Images Module Level 3 | Candidate Recommendation | Added image-orientation, image-rendering, object-fit and object-position
|
| Compatibility StandardThe definition of 'CSS Gradients' in that specification. | Living Standard | Standardizes the -webkit prefixed gradient value functions
|
| CSS Values and Units Module Level 3The definition of '<url>' in that specification. | Candidate Recommendation | |
| CSS Level 2 (Revision 1)The definition of '<uri>' in that specification. | Recommendation | |
| CSS Level 1The definition of '<url>' in that specification. | Recommendation | Initial definition |
CSS Images by Mozilla Contributors is licensed under CC-BY-SA 2.5.
