overflow#

#Introduction

The overflow property specifies whether to clip the content when the content of an element is too big.

#Examples

css-apisrc/overflow/App.tsx

Preview

#Syntax

overflow: visible;
overflow: hidden;

#Values

• visible(default) the content will not be clipped, the content and the descendants may render outside the element box

• hidden the overflow of the content and the descendants will be clipped, the reset of the content will be visible

#Formal definition

#Formal syntax

hidden | visible

#Difference from Web

• overflow does not contain scroll and auto, for scroll please use <scroll-view> directly.

#Notes

• On Android platform, the Android view that has opacity < 1 will be rendered in an offscreen buffer by default, the offscreen makes the overflow: visible not work correctly, you can add overlap={false} to disable the offscreen rendering. The property is linked to Android View hasOverlappingRendering property.

#Compatibility