Component external styles
This is the documentation for Angular 6.
You can switch to the latest version Angular 10.
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 {
...
}