Skip to content
Biome 中文网
开发文档 当前版本 v1.9

noInvalidDirectionInLinearGradient

诊断类别：lint/correctness/noInvalidDirectionInLinearGradient

¥Diagnostic Category: lint/correctness/noInvalidDirectionInLinearGradient

自从：v1.9.9

¥Since: v1.9.9

来源：

¥Sources:

禁止线性梯度函数使用非标准方向值。

¥Disallow non-standard direction values for linear gradient functions.

有效且标准的方向值是以下之一：

¥A valid and standard direction value is one of the following:

  • 一个角度

    ¥an angle

  • 加上边或角（to top、to bottom、to left、to right；to top right、to right top、to bottom left 等）

    ¥to plus a side-or-corner (to top, to bottom, to left, to right; to top right, to right top, to bottom left, etc.)

一个常见的错误（匹配过时的非标准语法）是只使用 side-or-corner 而不使用前面的 to。

¥A common mistake (matching outdated non-standard syntax) is to use just a side-or-corner without the preceding to.

示例

Section titled 示例

¥Examples

无效

Section titled 无效

¥Invalid

.foo { background: linear-gradient(top, #fff, #000); }
code-block.css:1:36 lint/correctness/noInvalidDirectionInLinearGradient ━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected nonstandard direction
  
  > 1 │ .foo { background: linear-gradient(top, #fff, #000); }
      │                                    ^^^
    2 │ 
  
  ℹ You should fix the direction value to follow the syntax.
  
  ℹ See MDN web docs for more details.
  
.foo { background: linear-gradient(45, #fff, #000); }
code-block.css:1:36 lint/correctness/noInvalidDirectionInLinearGradient ━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected nonstandard direction
  
  > 1 │ .foo { background: linear-gradient(45, #fff, #000); }
      │                                    ^^
    2 │ 
  
  ℹ You should fix the direction value to follow the syntax.
  
  ℹ See MDN web docs for more details.

有效

Section titled 有效

¥Valid

.foo { background: linear-gradient(to top, #fff, #000); }
.foo { background: linear-gradient(45deg, #fff, #000); }

相关链接

Section titled 相关链接

¥Related links