ViewEncapsulation decides whether the styles defined in a component can affect the entire application or not. There are three ways to do this in Angular:
Emulated : styles from other HTML spread to the component.
Native : styles from other HTML do not spread to the component.
None : styles defined in a component are visible to all components.
