style:

Директива style: предоставляет сокращенный способ установки нескольких стилей на элемент.

<!-- Эти выражения эквивалентны -->
<div style:color="red">...</div>
<div style="color: red;">...</div>

Значение может содержать произвольные выражения:

<div style:color={myColor}>...</div>

Допускается сокращённая форма:

<div style:color>...</div>

На одном элементе можно установить несколько стилей:

<div style:color style:width="12rem" style:background-color={darkMode ? 'black' : 'white'}>...</div>

Чтобы пометить стиль как важный, используйте модификатор |important:

<div style:color|important="red">...</div>

Когда директивы style: комбинируются с атрибутами style, директивы будут иметь приоритет:

<div style="color: blue;" style:color="red">Это будет красным</div>