Изменение свойств

У каждого элемента в Google Web Designer есть несколько свойств: размер, положение и стиль. Набор свойств у многих элементов совпадает, но у некоторых (например, компонентов) есть также специальные свойства.

Посмотреть и изменить свойства можно на панели "Свойства".

Общие свойства

У многих элементов набор свойств одинаков, но у некоторых могут быть и уникальные.

Идентификатор элемента

Свойство	Описание
Элемент	Отображает тип элемента, который по умолчанию создается для каждого визуального элемента или компонента. В Google Web Designer также можно создавать собственные элементы.
Идентификатор	Только элементы с идентификатором могут быть целью или получателем события.

Положение и размер

Свойство	Описание
Слева	Расстояние до левого края рабочей области (или родительского элемента) в пикселях или в процентах от общей ширины рабочей области (или родительского элемента).
Сверху	Расстояние до верхнего края рабочей области (или родительского элемента) в пикселях или процентах от общей высоты рабочей области (или родительского элемента).
Ширина	Ширина элемента в пикселях или процентах от общей ширины рабочей области (или родительского элемента).
Высота	Высота элемента в пикселях или процентах от общей высоты рабочей области (или родительского элемента).

Как переключиться между пикселями и процентами

Нажмите на единицу измерения (px или %) и во всплывающем меню выберите необходимую.

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

Этот параметр может быть недоступен для некоторых типов элементов.

Сохранение пропорций

Нажмите кнопку Сохранять соотношение сторон . После этого при выборе другой ширины или высоты размеры будут изменяться пропорционально друг другу.

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

Привязка

С помощью функции "Привязка" можно выравнивать элементы в контейнере, даже если меняется размер одного из элементов, самого контейнера, поля или ширины границы. Если вы настроите свойства положения или преобразования, элемент сместится со своей опорной точки.

Необходимо выбрать горизонтальный и вертикальный режим привязки. По умолчанию установлена привязка по верхнему левому краю.

Режимы горизонтальной привязки

Режим	Эффект
По левому краю	Левый край элемента выравнивается с левым краем контейнера.
По центру	Центральная горизонталь элемента выравнивается с центральной горизонталью контейнера.
По правому краю	Правый край элемента выравнивается с правым краем контейнера.

Режимы вертикальной привязки

Режим	Эффект
По верхнему краю	Верхний край элемента выравнивается с верхним краем контейнера.
Посередине	Середина элемента по вертикали выравнивается с серединой контейнера по вертикали.
По нижнему краю	Нижний край элемента выравнивается с нижним краем контейнера.

Ограничения по размеру

Если заданный размер нарушает установленное ограничение, вместо него будет использоваться предельное допустимое значение. Чтобы убрать ограничение по размеру, удалите его значение и оставьте поле пустым.

Свойство	Описание
Мин. ширина	Минимальная ширина элемента в пикселях или процентах от общей ширины рабочей области (или родительского элемента).
Мин. высота	Минимальная высота элемента в пикселях или процентах от общей высоты рабочей области (или родительского элемента).
Макс. ширина	Максимальная ширина элемента в пикселях или процентах от общей ширины рабочей области (или родительского элемента).
Макс. высота	Максимальная высота элемента в пикселях или процентах от общей высоты рабочей области (или родительского элемента).

Преобразование, вращение и масштаб

Типы трехмерных значений

Тип	Описание
Коррекция	Позволяет изменять положение, поворот и масштаб объекта в пространстве относительно текущих значений. После корректировки значения обнуляются.
Абсолютное значение	Позволяет задать положение, поворот и масштаб объекта в пространстве относительно рабочей области.

Значения по осям X, Y и Z для преобразования, вращения и масштабирования

Свойство	Описание
Преобразование	В верхней строке показаны координаты X, Y и Z, задающие положение элемента в пространстве.
Поворот	Во второй строке – его вращение вокруг соответствующих осей.
Масштабирование	В третьей строке настраивается масштаб. Нажмите на значок Масштабировать пропорционально , чтобы изменять значения по осям X, Y и Z пропорционально.

Стиль

Заливка

Свойство	Описание
Прозрачность	Позволяет установить уровень прозрачности элемента в диапазоне от 0 (полностью прозрачный) до 1 (полностью непрозрачный).
Заливка	Чтобы выбрать цвет заливки элемента, нажмите на соответствующее поле.
Переполнение	Позволяет задать настройки для обработки контента, который выходит за рамки контейнера: visible – контент показывается за пределами контейнера. hidden – контент обрезается по размеру контейнера, при этом полоса прокрутки не добавляется. scroll – контент обрезается по размеру контейнера, полоса прокрутки показывается всегда (даже без переполнения). auto – контент обрезается по размеру контейнера, при необходимости добавляется полоса прокрутки. initial – для контента установлено первоначальное переполнение. inherit – контейнер наследует правила переполнения родительского контейнера.
Видимость	Видимость элемента: visible – элемент видим (по умолчанию). hidden – элемент скрыт, но по-прежнему влияет на макет. collapse – элемент скрыт, строки таблицы свернуты. initial – для элемента установлена первоначальная видимость. inherit – элемент наследует правила видимости родительского контейнера.

Граница

Свойство	Описание
Цвет границы	Чтобы выбрать цвет границы элемента, нажмите на образец цвета.
Ширина границы	Позволяет установить ширину границы элемента в пикселях или точках.
Стиль	Для стиля границы можно выбрать одно из следующих значений: none solid hidden dotted dashed double groove ridge inset outset
Радиус скругления	Позволяет установить радиус скругления в пикселях, точках или процентах. По умолчанию радиус скругления одинаков для всех углов. Нажмите на значок Сохранять пропорции , чтобы настроить каждый угол по отдельности.

Отступы

Позволяет установить отступы для элементов в пикселях или процентах. По умолчанию задаются одинаковые отступы со всех сторон. Нажмите кнопку Сохранять пропорции , чтобы настроить каждую сторону по отдельности.

Поля

Позволяет установить поля для элементов в пикселях или процентах. По умолчанию задаются одинаковые поля для всех сторон. Нажмите кнопку Сохранять пропорции , чтобы настроить каждую сторону по отдельности.

Свойства путей перемещения

Если для элементов с путями перемещения на кривую добавить опорную точку или изменить форму пути, на панели свойств также отобразятся свойства путей перемещения.

Свойства страниц

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

Свойства видеообъявлений и анимированных GIF-файлов

Для видеообъявлений и анимированных GIF можно изменять размер и частоту кадров, если нет выбранных элементов.

Свойства компонентов

Кроме общих, у каждого компонента есть присущие только ему свойства. Они описаны на страницах справки соответствующих компонентов.