CSS Images
CSS Images is a module of CSS that defines what types of images can be used (the <image> (en-US) 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
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 | |
| CSS Images Module Level 3 | Candidate Recommendation | |
| Compatibility Standard The definition of 'CSS Gradients' in that specification. |
Living Standard | Standardizes the -webkit prefixed gradient value functions |
| CSS Values and Units Module Level 3 The definition of '<url>' in that specification. |
Candidate Recommendation | |
| CSS Level 2 (Revision 1) The definition of '<uri>' in that specification. |
Recommendation | |
| CSS Level 1 The definition of '<url>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help! (en-US)
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1) | (Yes) | (Yes) | (Yes) |