Атрибут style

style дозволяє задати CSS-правила безпосередньо на елементі, без окремого stylesheet.

Applies to

global

Values

Рядок CSS-декларацій, наприклад style="color: red; margin: 0;".

Example

<p style="color: red; font-weight: bold;">Важливий текст</p>

Edge cases

Inline style має найвищу специфічність у звичайному CSS (окрім !important у зовнішніх стилях) — це ускладнює перевизначення.
Для повторюваних стилів краще CSS-клас, ніж inline style — легше підтримувати.

Security

CSP з style-src без unsafe-inline блокує inline style атрибути — на це варто зважати при виборі CSP-політики.

Схожі інструменти

Атрибут class

Глобальний атрибут class для стилізації через CSS та вибірки через querySelector.