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>
Examples of correct code for this rule:
<p class="error"></p>
Options
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.
include
If set only attributes listed in this array generates errors.
exclude
If set attributes listed in this array is ignored.