developer-roadmap/roadmaps/angular/content/encapsulation@ctigvSYeFa77y3v7m11gk.md

Encapsulation

Encapsulation determines how the styles defined in a component are applied to the rest of the application. It offers three distinct strategies: Emulated, which uses shadow-piercing CSS to scope styles to the component; ShadowDom, which leverages the native browser Shadow DOM API for true style isolation; and None, which applies component styles globally to the entire document.

Visit the following resources to learn more:

• @official@Style Scoping
• @official@Component Encapsulation