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`).
---
# 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://docs.servoy.com/reference/servoy-developer/object-editors/theme-editor/margins-paddings-properties.md?ask=
```
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.