跳至主要內容

style

style: 指令提供了一種在元素上設定多個樣式的簡寫方式。

<!-- These are equivalent -->
<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">This will be red</div>

在 GitHub 上編輯此頁面

上一頁 下一頁