---
url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/%D1%80%D0%BE%D0%B7%D0%B4%D1%96%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA'
title: 'Додавання роздільника | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:23:16+00:00'
updated: '2026-10-24T20:08:10+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Ви отримуєте охайну горизонтальну лінію, що поділяє сторінку на чіткі розділи. Використовуйте її між текстом, зображеннями чи іншими елементами, коли сторінці потрібна візуальна пауза.'
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:08:10+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Додавання роздільника'
      description: 'Ви отримуєте охайну горизонтальну лінію, що поділяє сторінку на чіткі розділи. Використовуйте її між текстом, зображеннями чи іншими елементами, коли сторінці потрібна візуальна пауза.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:23:16+0000'
      dateModified: '2026-10-24T20:08:10+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/%D1%80%D0%BE%D0%B7%D0%B4%D1%96%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA'
      articleSection: 'Дані й анімація'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/%D1%80%D0%BE%D0%B7%D0%B4%D1%96%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA'
      description: 'Ви отримуєте охайну горизонтальну лінію, що поділяє сторінку на чіткі розділи. Використовуйте її між текстом, зображеннями чи іншими елементами, коли сторінці потрібна візуальна пауза.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/uk'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: uk
---
[Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Створення сторінок](/uk/hc/documentation/learn-dxpr-builder/build) /[Додавання вмісту](/uk/hc/documentation/learn-dxpr-builder/elements) /[Дані й анімація](/uk/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Додавання роздільника.

 Вивчення DXPR BuilderСтворення сторінокДодавання вмістуДані й анімація

   ## In this guide

 Related guides

- [Зміна вигляду елемента на панелі «Стиль»](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2/%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%81%D1%82%D0%B8%D0%BB%D1%8E)

Ви отримуєте охайну горизонтальну лінію, що поділяє сторінку на чіткі розділи. Використовуйте її між текстом, зображеннями чи іншими елементами, коли сторінці потрібна візуальна пауза.

## Додавання роздільника

Відкрийте свою сторінку, увійшовши до сайта: елементи керування конструктором з’являються, коли ви наводите вказівник на область вмісту. Основи показує сторінка [Ваша перша сторінка](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BF%D0%B5%D1%80%D1%88%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0).

1. Наведіть вказівник на стовпець і натисніть **+** на його панелі керування або натисніть **Додати елементи** на порожній сторінці. Відкрийте вкладку **Вміст** і натисніть **Роздільник**. Він з’явиться вгорі стовпця без діалогу. Щоб перемістити його, перетягніть за ручку на його панелі керування.
2. Лінія тонка, тож наведіть вказівник на саму лінію, щоб показати її панель керування. Натисніть **Більше**, виберіть **Налаштування** і вкажіть **Колір**.
3. У розділі **Товщина** виберіть **Власна товщина**.
4. Перетягніть повзунок **Товщина**, щоб задати вагу лінії. Тут ми використовуємо 6 px.
5. У розділі **Довжина** виберіть **Власна ширина**.
6. Перетягніть повзунок **Ширина**, щоб задати довжину лінії. Тут ми використовуємо 300 px.
7. Укажіть для параметра **Вирівнювання** значення **По центру**.
8. Натисніть **Зберегти** у діалозі. Потім натисніть **Зберегти** на панелі інструментів угорі області вмісту, щоб зберегти сторінку.

  ## Що ви бачите

Горизонтальна лінія проходить через стовпець у вибраних вами кольорі, товщині й довжині. У відео вона завтовшки 6 px, завдовжки 300 px і центрована. Відвідувачі побачать її, коли ви збережете сторінку й її буде опубліковано.

## Налаштування роздільника

Наведіть вказівник на елемент і відкрийте **Більше > Налаштування** на його панелі керування. Параметри:

- **Колір:** колір лінії. Залиште порожнім, щоб використати колір теми.
- **Товщина:** стандарт теми або власна товщина. Власний варіант додає повзунок **Товщина** від 0 до 20 px.
- **Довжина:** стандарт теми або власна ширина. Тримайте **Довжину** на стандарті теми для лінії на всю ширину. Власний варіант додає повзунок **Ширина** від 0 до 500 px.
- **Вирівнювання:** Ліворуч, По центру або Праворуч. Показується лише з власною шириною.

## Якщо ви його не бачите

- **Роздільника немає на вкладці «Вміст».** Ваш профіль користувача його приховує. Попросіть адміністратора позначити **Separator** у розділі **Елементи** на сторінці [Профілі користувачів](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B0%D0%B4%D0%BC%D1%96%D0%BD%D1%96%D1%81%D1%82%D1%80%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%BF%D1%80%D0%BE%D1%84%D1%96%D0%BB%D1%96-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D1%96%D0%B2).
- **Він зник після перезавантаження.** Сторінку не було збережено. Додайте його знову й натисніть **Зберегти** на панелі інструментів угорі області вмісту.
- **Роздільник розташовано над вашим вмістом.** Нові елементи з’являються вгорі стовпця. Наведіть вказівник на лінію й перетягніть її за ручку або відкрийте **Більше > Перемістити вниз**.
- **Лінія невидима.** **Колір** збігається з тлом сторінки. Наведіть вказівник на елемент і відкрийте **Більше > Налаштування**, потім виберіть контрастний колір.
- **Лінія не розтягується на всю ширину.** **Довжина**: задано власну ширину. Наведіть вказівник на елемент і відкрийте **Більше > Налаштування**, потім поверніть **Довжину** на стандарт теми.

## Що далі?

[Вкладка «Стиль»](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2/%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%81%D1%82%D0%B8%D0%BB%D1%8E), щоб змінити відступи навколо свого роздільника.