CSS Images
CSS Images
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
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 Image Values and Replaced Content Module Level 4 | Working Draft | |
CSS Image Values and Replaced Content Module Level 3 | Candidate Recommendation | |
Web 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
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) |
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images