Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

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)

Document Tags and Contributors

 Contributors to this page: wizAmit, mrstork, cvrebert, Sebastianz, teoli
 Last updated by: wizAmit,