Margins and Padding Properties

Reference documentation for Servoy Theme Margins and Padding Properties

Overview

The Margins and Padding Properties section allows you to define spacing around and within UI elements. This ensures that your application's layout is visually appealing and elements are properly aligned.

Properties

Here's an in-depth look at each property:

Box size 10

Defines a standard margin or padding size of 10 units. This size is often used for small spacing around or within elements to create a clean and uncluttered layout. Value: CSS size value (e.g., 10px).

Box size 20

Defines a medium margin or padding size of 20 units. It provides a moderate amount of space around or within elements, suitable for separating groups of related content. Value: CSS size value (e.g., 20px).

Box size 30

Defines a larger margin or padding size of 30 units. This size is ideal for creating more significant separation between sections or components, enhancing readability and focus. Value: CSS size value (e.g., 30px).

Last updated