4. Directives de style
On a vu ici que l'on pouvait utiliser
class:truc={uneVariable} pour donner des classes à des composants.
Il est également possible de la même manière d'impacter le style des éléments, en utilisant la
directive de style style:type={valeur} (ou la version raccourcie style:type).
<!-- comme d'habitude, vous pouvez utiliser des variables, ou simplement fournir du texte -->
<p style:color="blue" style:font-size={fontSize} style:padding>Coucou</p>Vous avez accès à toutes les déclarations CSS que vous connaissez, et la plupart du temps, il vous faudra fournir des valeurs sous forme de texte.
Définir du style ainsi revient à "inliner" le style sur les éléments HTML. Cette technique est généralement considérée comme une mauvaise pratique si utilisée à tout va. Il est plutôt recommandé d'utiliser des classes pour styliser votre HTML. Néanmoins, certaines situations imposent d'inliner du style, notamment lorsque le nombre de valeurs possibles est trop grand pour définir des classes à l'avance.