CSS images
The CSS images module defines the types of images that 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()cross-fade()element()image-set()
The specification also defines the image() function, which is not yet supported by any browser.
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.
- Understanding aspect ratios
-
Learn about the
aspect-ratioproperty, discuss aspect ratios for replaced and non-replaced elements, and examine some common aspect ratio use cases.
Related concepts
Specifications
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
See also
- CSS filter effects module
- CSS compositing and blending module
- CSS colors module
- CSS values and units module