javascript / beginner
Snippet
Inline-Style-Direktiven
Die style:-Direktive bietet eine saubere Möglichkeit, einzelne CSS-Styles dynamisch anzuwenden, ohne einen vollständigen Style-String oder ein Objekt verwalten zu müssen.
snippet.js
javascript
1
2
3
4
5
6
7
<script>let activeColor = 'red';</script><div style:color={activeColor} style:font-weight="bold">Styled text</div>
svelte
Erklärung
1
style:color={activeColor}
Setzt die CSS-Eigenschaft 'color' auf den Wert der Variable activeColor.
2
style:font-weight="bold"
Wendet eine statische CSS-Eigenschaft mit der gleichen Kurzschreibweise an.