> Markdown version of [Styling](https://vaadin.com/docs/v24/components/scroller/styling). Section index: [llms.txt](https://vaadin.com/docs/v24/components/llms.txt)

# Styling

## <a id="css-selectors"></a>CSS Selectors

The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the [Styling documentation](https://vaadin.com/docs/v24/styling.md) for more details on how to style components.

- Root element

  `vaadin-scroller`

### <a id="states"></a>States

- Content overflow at bottom

  `vaadin-scroller[overflow~="bottom"]`

- Content overflow at top

  `vaadin-scroller[overflow~="top"]`

- Content overflow start (left)

  `vaadin-scroller[overflow~="start"]`

- Content overflow end (right)

  `vaadin-scroller[overflow~="end"]`

- Vertical scrolling only

  `vaadin-scroller[scroll-direction="vertical"]`

- Horizontal scrolling only

  `vaadin-scroller[scroll-direction="horizontal"]`