(0) [title]="exp" (no styling involved) (1) class="foo" (static class) (2) class="foo {{exp}}" (class interpolation) (3) [class.foo]="boolExp" binding (4) class="foo" [class.bar]="boolExp" (mix of static and class. bindings (5) class="foo" [ngClass]="{bar: boolExp}" (mix of static class and ngClass binding) (6) class="foo" [ngStyle]="{width: 10px}" [style.background-color]="exp" (Sierpinski's triangle) (7) style="color: red" (static styling) (8) [style.width.px]="widthExp" [style.color]="exp" (style property bindings) (9) style="width: 10px" [style.color]="exp" ((mix of static and class property bindings) (10) [ngStyle]="{width.px: widthExp, color: exp}" (ngStyle with units) create update detect changes destroy profile update profile detect changes modify externally