> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Добавление разделителя

Разделитель используется для визуального разделения соседних элементов или блоков с помощью линии. Он также может служить для декоративных целей. 

Ниже вы можете увидеть пример использования разделителей в блоке:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056-1_av394z.png)

# Добавление разделителя

1. Для этого наведите на то место в блоке, куда вы хотите добавить разделитель, кликните на «плюс» и выберите **Разделитель** во всплывающем меню:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1057-3_1eg06fx.png)

2. Чтобы перейти в настройки элемента, наведите на разделитель и нажмите на «бегунок»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1058-3_isltxy.png)

3. В новом окне вы сможете изменить такие параметры как **Цвет**, **Высота** или **Ширина** разделителя: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060-2_14y1sis.png)

4. Также можно выбрать необходимый **Стиль** вашего разделителя:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoi-leiaut-26_19wjq94.png)

5. [Опубликуйте свой сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу. 

| ${color}[#1aa900](Подсказка:) узнайте больше о других настройках разделителя в статье [Управление элементами](https://help.weblium.com/ru/article/upravlenie-elementami-cwl3pb/).

# Использование разделителя в Flex блоке

1. Добавление разделителя аналогичным образом осуществляется в Flex block с помощью кнопки **Добавить элемент**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoi-leiaut-27_1012fpj.png)

| ${color}[#1AA900](Подсказка:) вы можете узнать как добавлять элемент в Flex block в [этой инструкции](/ru/article/dobavlenie-flex-block-dlya-proizvolnogo-raspolozheniya-elementov-3jo99o/#1-dobavlenie-elementov-k-flex-block).

2. Настройки стиля и цвета разделителя в Flex block осуществляются аналогично предыдущему разделу.

3. В отличие от разделителя в обычном блоке, в Flex блоке вы можете задать его ширину в пикселях:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoi-leiaut-28_svzg5h.png)