CSS Functional Notation

CSS 功能符号是一种 CSS 值,可以表示更复杂的数据类型或调用特殊的数据处理或计算。

句法

selector {
  property: functional-notation( [argument]? [, argument]! );
}

The syntax starts with the name of the functional notation, followed by a left parenthesis (. Next up are the notation argument(s), and the function is finished off with a closing parenthesis ).

Functions can take multiple arguments, which are formatted similarly to CSS property values. Whitespace is allowed, but they are optional inside the parentheses. In some functional notations multiple arguments are separated by commas, while others use spaces.

索引

Functional notation defined by a set of CSS specifications includes the following:

A B C D E F G H I L M O P R S T U V

规范

Specification Status Comment
CSS Values and Units Module Level 4 Editor's Draft Adds toggle(), attr(), calc(), min(), max(), clamp(), round(), mod(), rem(), mod(), sin(), cos(), tan(), asin(), acos(), atan(), atan2(), pow(), sqrt(), hypot(), log(), exp(), abs() and sign() functional notation.
CSS Values and Units Module Level 3 Candidate Recommendation Adds calc() functional notation.
CSS Color Module Level 4 Working Draft Adds commaless syntaxes for the rgb(), rgba(), hsl(), and hsla() functional notation.
Allows alpha values in rgb() and hsl(), turning rgba() and hsla() into (deprecated) aliases for them.
Adds hwb(), device-cmyk(), and color() functions.
CSS Color Module Level 3 Recommendation Adds rgba(), hsl(), hsla() functional notation.
CSS Images Module Level 4 Working Draft Adds element(), image(), image-set() and conic-gradient() functional notation.

也可以看看