# Border

The **Border** option allows you to add and adjust borders for elements on the landing page, such as text, images, buttons, or content blocks. Borders help create a clear separation between elements and can be used to highlight or decorate elements on a landing page.

<figure><img src="/files/WLyXpQPszBiGpp7T1jzF" alt=""><figcaption></figcaption></figure>

Below is a detailed guide on how to use the **Border** option:

* **Border:** Adjust the thickness of the border by entering a value; a larger value will make the border thicker. The lock icon allows you to decide whether the border values will be applied uniformly to all sides of the section or separately for each side.
  * **Default:** The default border style of the editor or browser, usually no border or a basic solid border.
  * **Solid:** A solid-colored border, which is the basic border style and is commonly used.
  * **Dotted:** A border made up of small, continuous dots.
  * **Dashed:** A border made up of short, continuous dashes.
  * **Double:** A double border consisting of two parallel borders.
  * **Groove:** A border that creates a sense of depth within the element, often used to create a 3D effect.
  * **Ridge:** A border that creates a raised appearance, opposite to the Groove style.
  * **Inset:** A border that gives the impression of the element being pressed inward, used for internal effects.
  * **Outset:** A border that gives the impression of the element rising outside its container.

<figure><img src="/files/C2VxbeMsCAwOyY3DNCKP" alt=""><figcaption></figcaption></figure>

* **Radius:** The Radius option allows you to adjust the curvature of the corners of the element. This gives the element rounded corners instead of sharp corners. The lock icon allows you to decide whether the radius values will be applied uniformly to all corners of the section or separately for each corner.

<figure><img src="/files/0dVL3itKDH2YTmnDOH42" alt=""><figcaption></figcaption></figure>


---

# 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.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/border.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.