Справочник HTML & CSS

style

CSS-свойства прямо на элементе (встроенные стили).

Синтаксис

<p style="color: red;">…</p>

Примеры

Встроенные стили:

<p style="color: white; background: teal; padding: 8px;">A note with inline styles.</p>

Значение CSS-переменной для одного элемента:

<style>
  .bar { height: 12px; width: var(--w); background: orange; margin: 4px 0; }
</style>
 
<div class="bar" style="--w: 30%"></div>
<div class="bar" style="--w: 80%"></div>

Примечания

Встроенные стили сильнее любых правил из CSS-файла, кроме !important, и не переиспользуются. Применяйте их для разовых значений, которые вычисляются или задаются из данных, а остальное оформление держите в CSS.

См. также

<style> — Встраивает CSS прямо в HTML-страницу.
class — Один или несколько классов элемента — основной способ обратиться к нему из CSS.

В учебнике

Атрибуты — Как устроены атрибуты HTML, глобальные атрибуты id, class, title, lang, hidden и style, логические атрибуты и data-атрибуты.

Спасибо, что читаете!