Component.html file

<h1 [style.color]="'green'">Hello Style binding single</h1>

<h1 [style.color]="hasError ? 'red' : 'green'">Hello Style binding</h1>

Style binding 2

<h2 [style.color]="highlightColor">Style binding 2</h2>

Style binding 3

In component.ts file

  public styleBind3={

    color: 'blue',

    fontStyle: 'italic',

  }

In component.html file

<h3 [ngStyle]="styleBind3">This is style binding 3</h3>