Disallow inline style (no-inline-style)

Inline style is a sign of unstructured CSS. Use class or ID with a separate stylesheet.

Rule details

Examples of incorrect code for this rule:

<p style="color: red"></p>
error: Inline style is not allowed (no-inline-style) at inline:1:4:
> 1 | <p style="color: red"></p>
    |    ^^^^^

1 error found.

Examples of correct code for this rule:

<p class="error"></p>


This rule takes an optional object:

    "include": []
    "exclude": []

Both include and exclude are only useful when using a framework with dynamic attributes such as ng-style or :style to allow/disallow one or more specific variant of the attribute. For instance:

<p :style="style></p>

would normally trigger the rule when using html-validate-vue but by adding :style to exclude it can be allowed.


If set only attributes listed in this array generates errors.


If set attributes listed in this array is ignored.