# Scoped styles

Styles that only apply inside one part of the page.

## What are **scoped styles**?

**Scoped styles** only apply inside one part of the page, so a component's CSS can't leak out and style something else.

```css
@scope (.product-card) {
  img { border-radius: 8px; }   /* only images inside product cards */
}
```

Level: Freelancer · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/scoped-styles