在此页

• 参考
• 指南
• 规范
• 相关话题

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.

参考

特性

• image-orientation
• image-rendering
• image-resolution
• object-fit
• object-position

函数

• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• conic-gradient()
• repeating-conic-gradient()
• url()
• element()
• image()
• cross-fade()

数据类型

• <gradient>
• <image>

指南

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.

规范

规范	状态	注释
CSS Images Module Level 4	工作草案	添加 image-resolution , conic-gradient() ，和 image()
CSS Images Module Level 3	候选推荐	添加 image-orientation , image-rendering , object-fit and object-position
Compatibility Standard The definition of 'CSS Gradients' in that specification.	实时标准	Standardizes the -webkit prefixed gradient value functions
CSS Values and Units Module Level 3 The definition of '<url>' in that specification.	候选推荐
CSS Level 2 (Revision 1) The definition of '<uri>' in that specification.	推荐
CSS Level 1 The definition of '<url>' in that specification.	推荐	初始定义

元数据

• 最后修改： Jul 7, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Images
4. 指南

   1. Implementing image sprites in CSS
   2. Using CSS gradients
5. 特性

   1. <gradient>
   2. <image>
   3. image-orientation
   4. image-rendering
   5. object-fit
   6. object-position