CSS 值和单位

每个 CSS 声明都由一个属性/值对组成。值的具体形式因属性而异,例如:单个整数、关键字、函数,或是不同元素的组合;部分值具有单位,而另一些则没有单位。所有属性都接受 CSS 全局值(CSS-wide value)。CSS 值和单位模块定义了 CSS 属性所接受的数据类型,包括各类值和单位。该模块还定义了 CSS 值定义语法(即形式语法),用于规范所有 CSS 属性和函数的有效取值范围。

参考

属性

函数

规范中定义了包括 calc-mix()crossorigin()first-valid()if()integrity()progress()random()random-item()referrerpolicy()sibling-count()sibling-index()src()type()toggle() 在内的额外函数,但这些函数目前尚未在浏览器中实现。

数据类型

单位

弹性单位fr)和容器单位cqbcqhcqicqmaxcqmincqw)分别定义于 CSS 网格布局CSS 条件规则模块。

单位分类

关键概念

指南

CSS 数据类型

CSS 数据类型的简介,这些数据类型定义了 CSS 属性和函数接受的典型值。

数值数据类型

数值数据类型的概述,包括整数、数字、百分比和尺寸,以及相对与绝对长度、角度和时间单位。

文本数据类型

文本数据类型的概述,包括预定义关键字值、全局 CSS 关键字值以及 URL。

CSS 值函数

概述那些通过特殊数据处理或计算来返回 CSS 属性值的 CSS 语句。

使用 CSS 数学函数

CSS 数学函数允许将属性值写成数学表达式的形式。

值定义语法

用于定义 CSS 属性和函数的有效值集合的形式语法。

学习:值和单位

了解一些最常用的值类型,它们是什么,以及它们是如何工作的。

相关

规范

Specification
CSS Values and Units Module Level 3
CSS Values and Units Module Level 4
CSS Values and Units Module Level 5

参见