Component external styles

This is the documentation for Angular 6.
You can switch to the latest version Angular 10.

You can load styles from external CSS files by adding a styleUrls property to a component's @Component decorator:

@Component({
  selector: 'app-demo',
  template: `
    Demo component.
  `,
  styleUrls: ['./demo.component.css'],
})
export class DemoComponent {
  ...
}

Also you can include several style files:

@Component({
  selector: 'app-demo',
  template: `
    Demo component.
  `,
  styleUrls: [
    '../styles/layout.css',
    './demo.component.css',
  ],
})
export class DemoComponent {
  ...
}