Как настроить контур

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

В статье рассмотрим, как работать с контурами для визуального акцента и стилизации элементов.

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

Чтобы перейти в настройку контура блока или колонки, активируйте переключатель Контур (Contour).

Чтобы перейти в настройку контура виджетов, в секции Стиль кнопки (Button style) выберите Настраиваемый (Custom).

Толщина

Задайте ширину линии от 1px до 20px.

Чтобы задать толщину для каждой стороны отдельно, нажмите на иконку и введите значение для верхней, правой, нижней и левой сторон.

Углы Задайте скругление контура. Чтобы настроить скругление для каждого угла, нажмите иконку и выберите размер.
Стиль (Style) Задаёт стиль линии.

Доступные параметры: Сплошной (Solid), Пунктирный (Dashed) или Точечный (Dotted).

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

Цвет

Выберите цвет линии с помощью палитры.

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

По умолчанию настройки контура отвечают основному стилю кнопок с одинаковым скруглением углов.

Оцените, насколько полезна статья "Как настроить контур"

Оценка: 5 / 5 (9)

Назад

Как выровнять контент

Далее

Как настроить ширину элементов

Популярное в нашем блоге

Начните пользоваться сервисом SendPulse прямо сегодня