> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Border и Radius: границы и скругление углов

> Настройки Border в LanderLab: как скруглить углы элемента целиком или по отдельности, выбрать стиль, цвет и толщину границы для каждой стороны.

Раздел Border позволяет управлять контуром элемента и степенью скругления его углов. Это помогает задавать форму, визуально разделять блоки и улучшать внешний вид.

## Radius (скругление углов)

* Определяет, насколько скруглены углы

Доступны два варианта:

* **All corners together** → одно значение применяется ко всем углам
* **Individual corners** → для каждого угла задаётся своё значение

👉 Чем больше значение, тем сильнее скругление<br />👉 0 = острые углы

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/Screenshot2026-03-25at11.23.07AM.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=ab42198dd87d4b2512efc274c047f29a" alt="Настройки скругления для всех углов вместе или для каждого угла отдельно" width="269" height="157" data-path="images/Screenshot2026-03-25at11.23.07AM.png" />
</Frame>

## Style

Определяет, как выглядит граница:

* **None** → без границы
* **Solid** → сплошная линия
* **Dashed/Dotted** (если доступно) → пунктирные и точечные границы

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/Screenshot2026-03-25at11.23.34AM.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=e2e8601e50c543711df6de5618e0dbf0" alt="Варианты стиля границы: без границы, сплошная, пунктирная" width="262" height="208" data-path="images/Screenshot2026-03-25at11.23.34AM.png" />
</Frame>

## Color

* Задаёт цвет границы
* Может совпадать с цветами бренда или контрастировать с фоном

## Width

* Определяет толщину границы

Можно:

* Задать **одно значение для всех сторон**
* Или настроить каждую сторону отдельно (сверху, справа, снизу, слева)

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/Screenshot2026-03-25at11.24.05AM.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=88b6bffe77a9f3993904011dd8ea7abb" alt="Настройки толщины границы для каждой стороны элемента" width="259" height="134" data-path="images/Screenshot2026-03-25at11.24.05AM.png" />
</Frame>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.