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

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-ratio property, discuss aspect ratios for replaced and non-replaced elements, and examine some common aspect ratio use cases.

Specifications

Specification
CSS Images Module Level 3
Compatibility Standard
# css-%3Cimage%3E-type
CSS Values and Units Module Level 4
# urls

See also