# `Bylaw.HTML.Check.NoInlineStyle`
[🔗](https://github.com/ryanzidago/bylaw/blob/v0.1.0-alpha.2/lib/bylaw/html/check/no_inline_style.ex#L1)

Validates that rendered elements do not define inline `style` attributes.

This check inspects rendered HTML and flags any element with a `style`
attribute. Prefer classes or attributes that keep styling in CSS.

## Examples

Bad:

    <div style="display: none">Menu</div>

Why this is bad:

Inline styles make visual behavior harder to reuse, override, test, and audit.

Better:

    <div class="hidden">Menu</div>

Why this is better:

The styling is represented by a reusable class instead of embedded in the
rendered markup.

Bad:

    <button style="">Save</button>

Why this is bad:

An empty inline style still creates a style hook in rendered HTML.

Better:

    <button class="button">Save</button>

Why this is better:

The element keeps styling concerns out of inline attributes.

## Notes

This check flags any rendered `style` attribute, including empty values. It
does not inspect stylesheet content or judge whether a class name has a
matching CSS rule.

This check runs on rendered HTML, so dynamic `style` attributes are evaluated
after rendering.

## Options

This check has no check-specific options. Add the module directly to the
explicit checks list:

    Bylaw.HTML.Check.NoInlineStyle

## Usage

Add this module to the explicit check list passed through `Bylaw.HTML`.
See `Bylaw.HTML` for the full rendered HTML validation setup.

# `validate`

```elixir
@spec validate(Bylaw.HTML.Check.context()) :: Bylaw.HTML.Check.result()
```

Implements the `Bylaw.HTML.Check` validation callback.

---

*Consult [api-reference.md](api-reference.md) for complete listing*