> ## 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-1077-3_1d6bxbo.png)

2. Наведіть курсор на роздільник і натисніть на «шестерню», аби перейти до його налаштувань:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1078-4_1twz4n2.png)

3. Тут ви можете налаштувати **Колір**, **Висоту** та **Ширину** вашого роздільника:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1079-4_uf1mf0.png)

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

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

5. Не забудьте [опублікувати свій сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/) для застосування всіх змін.

| ${color}[#1aa900](Підказка:) перегляньте статтю [Керування елементами](https://help.weblium.com/uk/article/keruvannya-elementami-1ok28k/), аби знайти більше інформації про інші налаштування роздільника.

# Використання роздільника у Flex block

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

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

| ${color}[#1AA900](Підказка:) ви можете дізнатися як додавати елемент у Flex block у [цій інструкції](/uk/article/dodavannya-flex-block-dlya-vilnogo-roztashuvannya-elementiv-14n7ad8/#1-dodavannya-elementiv-do-flex-block).

2. Налаштуваннях стилю та кольору роздільника у Flex block здійснюються аналогічно до попереднього розділу.

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

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