Як налаштувати контур
Контур — це візуальна рамка навколо елемента. Він допомагає виділити окремі елементи сайту — наприклад, форми або кнопки. У конструкторі ви можете налаштовувати товщину, колір і форму кутів.
У статті розглянемо, як працювати з контурами для візуального акценту та стилізації елементів.
Ви можете налаштувати товщину, колір, скруглення загальне або по кутах окремо. Налаштування кутів доступне для таких елементів:
Щоб перейти в налаштування контуру для блоку чи колонки, активуйте перемикач Контур (Contour).
Щоб перейти в налаштування контуру для віджетів, у секції Стиль кнопки (Button style) виберіть Настроюваний (Custom).
| Товщина |
Задайте ширину лінії від 1px до 20px. Щоб задати товщину для кожної сторони окремо, натисніть на іконку та введіть значення для верхньої, правої, нижньої та лівої сторін. |
| Кути | Задайте скруглення контуру. Щоб налаштувати скруглення для кожного кута окремо, натисніть на іконку та виберіть розмір. |
| Стиль (Style) | Задає стиль лінії.
Доступні параметри: Суцільний (Solid), Пунктирний (Dashed) або Точковий (Dotted). Щоб задати стиль для кожної сторони окремо, натисніть на іконку та оберіть стиль для верхньої, правої, нижньої та лівої сторін. |
| Колір |
Виберіть колір лінії за допомогою палітри. Щоб задати колір для кожної сторони окремо, натисніть на іконку та оберіть колір для верхньої, правої, нижньої та лівої сторін. |
За замочуванням налаштування контуру відповідає основному стилю кнопок з однаковим заокругленням кутів.
Оновлено: 18.07.2025
або