# Разделитель

Блок «**Разделитель**» позволяет визуально отделить части текста друг от друга. Его можно использовать, чтобы показать начало новой смысловой части внутри одного урока.

### Как выглядит блок?

[![divider1-view.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/scaled-1680-/divider1-view.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider1-view.jpg)

### Как добавить блок?

Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).

<details id="bkmrk-%C2%A0"><summary>Блок в меню</summary>

![divider0-menu.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/scaled-1680-/divider0-menu.jpg)

</details><details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8-%D0%B7%D0%B0"><summary>Добавление блока</summary>

[![divider2-add.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider2-add.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider2-add.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как изменить внешний вид?

В блоке «**Разделитель**» вы можете:

- выбрать тип разделителя
- выбрать иконку
- ввести текст
- настроить цвета
- настроить ширину

<details id="bkmrk-%D0%A2%D0%B8%D0%BF-%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB%D0%B8%D1%82%D0%B5%D0%BB%D1%8F-%D0%A2%D0%B8%D0%BF-"><summary>Тип разделителя</summary>

#### Тип разделителя

Выберите один из 7 типов:

- сплошная/пунктирная линия без фигуры
- сплошная/пунктирная линия с фигурой по центру
- пустой разделитель (добавляет дополнительный отступ).

[![divider3-type.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider3-type.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider3-type.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details><details id="bkmrk-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%95%D1%81%D0%BB%D0%B8-%D0%B2"><summary>Иконка</summary>

#### Иконка

Если вы выбрали тип разделителя с фигурой по центру, то вы можете выбрать иконку из встроенной базы иконок.

<p class="callout info">Если вы видите поле для ввода текста, то переключите тип поля на иконку.</p>

[![divider4-icon.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider4-icon.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider4-icon.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details><details id="bkmrk-%D0%A2%D0%B5%D0%BA%D1%81%D1%82-%D0%95%D1%81%D0%BB%D0%B8-%D0%B2%D1%8B-%D0%B2%D1%8B%D0%B1%D1%80%D0%B0%D0%BB"><summary>Текст</summary>

Если вы выбрали тип разделителя с фигурой по центру, то вы можете ввести свой собственный текст.

<p class="callout info">Если вы не видите поле для ввода текста, то переключите тип поля на текст.</p>

[![divider5-text.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider5-text.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider5-text.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

<p class="callout success">Введённый вами текст сохранится даже, если вы затем измените тип разделителя.</p>

</details><details id="bkmrk-%D0%A6%D0%B2%D0%B5%D1%82-%D0%A6%D0%B2%D0%B5%D1%82-%D0%92%D1%8B-%D0%BC%D0%BE%D0%B6%D0%B5%D1%82%D0%B5-"><summary>Цвета</summary>

#### Цвета

Вы можете отдельно задать цвет для линии, для фигуры в центре и для иконки/текста в этой фигуре.

[![divider6-color.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider6-color.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider6-color.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

Вам будут доступны цвета из палитры по умолчанию. А также ваши собственные цвета, добавленные в палитру в **Настройках**. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).

</details><details id="bkmrk-%D0%A8%D0%B8%D1%80%D0%B8%D0%BD%D0%B0-%D0%A8%D0%B8%D1%80%D0%B8%D0%BD%D0%B0-%D0%92%D1%8B-%D0%BC%D0%BE%D0%B6"><summary>Ширина</summary>

#### Ширина

Вы можете настроить ширину линии разделителя в процентах, потянув за ползунок внизу.

[![divider7-width.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider7-width.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider7-width.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как я могу использовать этот блок?

Рекомендуем вам использовать блок:

- Для разделения логических частей урока.