Code Inspections in CSS

This inspection detects float values of pixel lengths.

This inspection detects missing comma between selectors at the end of line.

This inspection verifies that the CSS font-family property contains a generic font name as a fallback alternative.

This inspection highlights CSS number property values for which no units of measurement are specified.

Runs Stylelint validator for specified stylesheet file.

The severity level of the inspection is applied only for the 'Inspect code...' action. Severity levels used in the editor can be configured in the Stylelint configuration file for each individual rule.

This inspection validates the CSS with W3C CSS validator library.

This inspection detects missing semicolon at the end of declarations.

This inspection highlights zero values with specified unit of measurement.

This inspection detects misplaced @charset rules and inappropriate charset values.

This inspection detects inappropriate values assigned to CSS attributes. For example, invalid measurement units or values out of range.

This inspection detects unknown functions and illegal function parameters.

This inspection detects unknown media features and illegal media feature values.

This inspection detects illegal property's values.

This inspection detects unknown and inappropriate pseudo-classes and pseudo-elements.

This inspection detects unknown CSS selectors and provides ability to declare them as a class or an id.

This inspection detects misplaced CSS @import declarations.

This inspection detects negative values assigned to CSS attributes that should never be negative. For example, object width or height.

This inspection detects unknown CSS at-rules.

Highlights CSS properties that are unknown or used in wrong context, and allows to define such properties as 'custom' to avoid highlighting them as invalid.

This inspection checks references to files and directories.

This inspection warns about CSS class references which cannot be resolved to any valid target.

This inspection warns about CSS custom property variable references which cannot be resolved to any valid target.

This inspection detects CSS colors which are defined as HEX, and provides a quickfix action to convert such values to a CSS rgb() function call.

Reports CSS properties that are not supported by the specified browsers. This inspection is based on the MDN Compatibility Data.

This inspection highlights CSS properties, which are being overwritten in the same ruleset block.

If a CSS ruleset contains a complete set of longhand properties then this inspection suggests transforming them into a shorthand form.

For example, 4 properties: padding-top, padding-right, padding-bottom, and padding-left may be safely replaced with a single padding property.

Note that this inspection doesn't show up if the set of longhand properties is incomplete (e.g. only 3 padding-xxx properties in a ruleset) because switching to a shorthand may change the result. For such cases consider the 'Properties may probably be replaced with a shorthand' inspection.

If a CSS ruleset contains a number of longhand properties that do not constitute a complete set then this inspection suggests transforming the properties into a shorthand form.

For example, 2 properties: outline-color and outline-style may be replaced with a single outline one. However such replacement is not 100% equivalent because shorthands reset all omitted sub-values to their initial states. In this example, switching to the outline shorthand means that outline-width is also set to its initial value, which is medium.

This inspection doesn't handle full sets of longhand properties (when switching to shorthand is 100% safe). For such cases see the 'Properties may be safely replaced with a shorthand' inspection instead.

This inspection detects CSS colors which are defined as CSS rgb() function and provides an intention to convert such values to its HEX representation.

This inspection detects unused CSS classes or IDs within a file.