Glossary

Scoped

A component that uses scoped encapsulation automatically scopes its CSS by appending data attributes at runtime. Overriding scoped selectors usually requires higher specificity. Scoped components can also be styled with CSS Custom Properties.

Shadow

Shadow DOM is a native browser capability for DOM and style encapsulation. It shields the component from surrounding styles. To style internal elements of Shadow DOM components externally, use CSS Custom Properties or CSS Shadow Parts.