Sizing Tab

The Sizing tab provides control over the dimensions and spacing of elements. It helps define how elements fit within their containers and how they interact with surrounding content.

In this tab, you can:

• Box Sizing – Choose how the total size of an element is calculated (content-box or border-box).

• Minimum and Maximum Size – Set limits for width and height to ensure elements don’t shrink or expand beyond a certain range.

• Overflow – Control what happens when content exceeds the element’s defined size (e.g., hidden, scroll, auto).

• Margin – Define the space outside the element, creating distance from other elements.

• Padding – Adjust the space inside the element, between the content and its border.

The Sizing tab is essential for managing layout consistency, responsiveness, and spacing control. For more details, including supported values and examples, please see the following sections.