[Solved] In Angular, where do you place inline styles for a component? — Ans: Inside the styles array in the component decorator | Angular

Angular - Components

In Angular, where do you place inline styles for a component?

AInside the <code>styleUrls</code> array in the component decorator

BIn the global styles.css file

CInside the <code>styles</code> array in the component decorator

DInside the <code>template</code> property of the component

Step-by-Step Solution

Solution:

Step 1: Understand Angular component decorator properties
The styles property is used to define inline CSS styles directly inside the component decorator.
Step 2: Differentiate between styles and styleUrls
styleUrls is used for external CSS files, not inline styles.
Final Answer:
Inside the styles array in the component decorator -> Option C
Quick Check:
Inline styles = styles property [OK]

Quick Trick: Inline styles go in styles, external in styleUrls [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

In Angular, where do you place inline styles for a component?