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.
CSS images
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
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images