noUnknownUnit

CSS

Summary

• Rule available since: v1.8.0
• Diagnostic Category: lint/correctness/noUnknownUnit
• This rule is recommended, which means is enabled by default.
• This rule doesn’t have a fix.
• The default severity of this rule is error.
• Sources:
  • Same as stylelint/unit-no-unknown

How to configure

biome.json

{
  "linter": {
    "rules": {
      "correctness": {
        "noUnknownUnit": "error"
      }
    }
  }
}

Description

Disallow unknown CSS units.

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

Examples

Invalid

a {
  width: 10pixels;
}

code-block.css:2:12 lint/correctness/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/correctness/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

a {
  width: 10px;
}

a {
  width: 10Px;
}

a {
  width: 10pX;
}

a {
  width: calc(10px + 10px);
}

Related links

• Disable a rule
• Configure the code fix
• Rule options
• Source Code
• Test Cases