标签：@function

@function

CSS @function at-rule 是CSS自定义函数模块的核心功能，允许开发者定义可复用的函数块，提升样式表的动态性和模块化。该规则通过指定函数名（以双破折号开头，如 --my-function）、参数列表（每个参数可带类型声明如 、 和默认值）、返回类型（如 ）以及函数体（由CSS声明和规则构成，使用 result 描述符返回值）来实现。基本用法包括简单计算函数，如 --half 接受长度参数并返回其一半。类型检查确保输入参数符合声明类型，减少错误；支持逗号分隔列表作为参数，通过花括号包裹传递多个值。函数结果遵循CSS级联规则，可在媒体查询等条件下动态返回不同值，允许嵌套调用以实现代码复用。函数提供默认值选项，但自身无副作用，不能直接修改属性；循环依赖会被浏览器检测并标记为无效。浏览器支持通过 @supports 查询检查，目前该规范处于CSS Custom Functions and Mixins Module Level 1阶段，处于实验性功能。这一特性增强了CSS的编程能力，为前端开发提供更灵活的工具。