跳转到内容
Biome中文文档 | Biome中文网
Docs Blog Playground

noUnknownUnit (since v1.8.0)

Diagnostic Category: lint/nursery/noUnknownUnit

Sources:

Disallow unknown CSS units.

For details on known CSS units, see the MDN web docs.

Examples

Section titled Examples

Invalid

Section titled Invalid
a {
  width: 10pixels;
}
code-block.css:2:12 lint/nursery/noUnknownUnit ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown unit: pixels
  
    1 │ a {
  > 2 │   width: 10pixels;
      │            ^^^^^^
    3 │ }
    4 │ 
  
  ℹ See MDN web docs for more details.
  
  ℹ Use a known unit instead, such as:
  
  - px
  - em
  - rem
  - etc.
  

a {
  width: calc(10px + 10pixels);
}
code-block.css:2:24 lint/nursery/noUnknownUnit ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown unit: pixels
  
    1 │ a {
  > 2 │   width: calc(10px + 10pixels);
      │                        ^^^^^^
    3 │ }
    4 │ 
  
  ℹ See MDN web docs for more details.
  
  ℹ Use a known unit instead, such as:
  
  - px
  - em
  - rem
  - etc.

Valid

Section titled Valid
a {
  width: 10px;
}
a {
  width: 10Px;
}
a {
  width: 10pX;
}
a {
  width: calc(10px + 10px);
}
Section titled Related links