# Overflow Settings

<figure><img src="https://lh7-us.googleusercontent.com/b3zJGUyInTbLPXwABwGNHW8DGli7e8-PwVgKtIROK1o3ZoumDmZhPRVukBgyU980Q5JRrlx7HqiRihFt3EIjSJN2h93ax5tWMVIu5KuwkWfE8xh-AhOVh8E0TV-fSeAfbDsqwlu7olvmfKecCy8j1Fg" alt=""><figcaption></figcaption></figure>

This controls what happens to your content that breaks outside of its borders.&#x20;

#### Dropdown options:&#x20;

* Auto: if the content proceeds outside its box then that content will be hidden whilst a scroll bar should be visible for users to read the rest of the content
* Visible:  content is not clipped when it proceeds outside its box
* Hidden: overflowing content will be hidden.
* Clip: content is clipped when it proceeds outside its box
* Scroll:  similar to hidden except users will be able to scroll through the hidden content.
* Inherit: sets the overflow to the value of its parent element.
* Initial: Uses the default value, which is ‘visible’
* Revert: Resets to the default value, ignoring changes made by the current style.
* Unset: Acts as ;inherit; if the property is inheritable, otherwise actis as 'initial'.&#x20;

[See an example](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_overflow)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helpwith.salesorder.com/trade-acceleration-portal-2.0/tap-ux/blocks/block-configurations/overflow-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.